@charset "UTF-8";

/* disable scroll snapping for firefox because it's fucking broken */
@supports (-moz-appearance: none)
{
    HTML
    {
        SCROLL-SNAP-TYPE: none !important;
    }
}

/* snap */
HTML
{
    OVERFLOW-X: clip;
    SCROLL-SNAP-TYPE: y proximity;
    WIDTH: 100%;
}

/* tone down body scrollbar if menu open*/
BODY:has(#menu-switch1):focus,
BODY:has(#menu):focus-within
{
    SCROLLBAR-COLOR: #161618 #161618;
}

/* document */
BODY
{
    BACKGROUND: #161618;
    BACKGROUND: linear-gradient(135deg, #161618 0%, #212123 100%);
    MARGIN: 0;
    MIN-HEIGHT: 100vh;
    MIN-WIDTH: 320px;
    OVERFLOW-X: clip;
    WIDTH: 100vw;
}

/* head */
#head
{
    ALIGN-ITEMS: center;
    BACKDROP-FILTER: blur(calc(10 * var(--cms-factor)));
    BACKGROUND: rgba(80, 100, 116, 0.21);
    BACKGROUND: linear-gradient(165deg, rgba(80, 100, 116, 0.21) 0%, rgba(37, 52, 63, 0.21) 100%);
    CONTAIN: content;
    DISPLAY: flex;
    JUSTIFY-CONTENT: space-between;
    LEFT: 0;
    PADDING: calc(22 * var(--cms-factor)) calc(38.5 * var(--cms-factor));
    POSITION: fixed;
    RIGHT: 0;
    TOP: 0;
    TRANSITION: transform 0.5s;
    Z-INDEX: 1000;
}

/* class set via javascript */
#head.minimize
{
    TRANSFORM: translateY(-100%);
}

/* do not hide if used */
#head.minimize:is(:focus-within, :hover)
{
    TRANSFORM: translateY(0);
}

/* main logo */
#logo
{
    ALIGN-ITEMS: center;
    DISPLAY: flex;
    MARGIN: 0 calc(17.5 * var(--cms-factor));
}

#logo-home IMG
{
    BACKGROUND-COLOR: var(--cms-link-color);
    HEIGHT: calc(127 * var(--cms-factor));
    MASK-IMAGE: url(/data/image/icon.svg);
    MASK-MODE: alpha;
    OBJECT-POSITION: -9999px;
    TRANSITION: background-color 0.5s;
}

#logo-home:is(:focus-visible, :hover) IMG
{
    BACKGROUND-COLOR: var(--cms-link-color-alt);
}

#logo-contact
{
    COLOR: #ffffff;
    DISPLAY: inline-block;
    FONT-SIZE: calc(33.33 * var(--cms-factor));
    FONT-WEIGHT: bold;
    LINE-HEIGHT: 100%;
    MARGIN-LEFT: calc(22 * var(--cms-factor));
    WHITE-SPACE: nowrap;
}

#logo-contact A
{
    DISPLAY: inline-block;
}

A:is(:focus-visible, :hover) > #flicker3:after
{
    CONTENT: "..";
}

@media (max-width: 640px)
{
    #logo-contact
    {
        DISPLAY: none;
    }
}

/* menu button */
#menu-switch1
{
    BACKGROUND: none;
    BORDER: none !important;
    HEIGHT: calc(45 * var(--cms-factor));
    MARGIN: 0 calc(17.5 * var(--cms-factor));
    MIN-HEIGHT: auto;
    MIN-WIDTH: auto;
    USER-SELECT: none;
    WIDTH: calc(52.5 * var(--cms-factor));
}

#menu-switch1:before,
#menu-switch1:after,
#menu-switch1 SPAN
{
    BACKGROUND: #ffffff;
    COLOR: transparent;
    HEIGHT: 16.67%;
    LEFT: 0;
    POSITION: absolute;
    TOP: 41.67%;
    TRANSITION: background-color 0.25s;
    WIDTH: 100%;
}

#menu-switch1:is(:focus-visible, :hover)
{
    &:before,
    &:after,
    SPAN
    {
        BACKGROUND: #f3b606;
    }
}

#menu-switch1:before
{
    CONTENT: "";
    TOP: 0;
}

#menu-switch1:after
{
    CONTENT: "";
    TOP: 83.33%;
}

/* main menu */
#menu
{
    BACKDROP-FILTER: blur(calc(10 * var(--cms-factor)));
    BACKGROUND: rgba(22, 22, 24, .82);
    CONTAIN: strict;
    CONTENT-VISIBILITY: auto;
    DIRECTION: rtl;
    DISPLAY: grid;
    FONT-SIZE: calc(25 * var(--cms-factor));
    GRID-TEMPLATE-ROWS: min-content min-content auto min-content;
    INSET: 0;
    LINE-HEIGHT: 120%;
    OVERFLOW-X: hidden;
    OVERFLOW-Y: auto;
    OVERSCROLL-BEHAVIOR: contain;
    PADDING: calc(15 * var(--cms-factor)) calc(56 * var(--cms-factor)) calc(40 * var(--cms-factor));
    POSITION: fixed;
    Z-INDEX: 1000;
}

#menu *
{
    DIRECTION: ltr;
}

/* breadcrumb menu */
#menu-breadcrumb
{
    DISPLAY: inline-block;
    PADDING-TOP: calc(5 * var(--cms-factor));
}

#menu-breadcrumb A
{
    DISPLAY: inline-block;
    FONT-SIZE: calc(17.5 * var(--cms-factor));
    LINE-HEIGHT: 120%;
    MARGIN: 0;
    PADDING: calc(5 * var(--cms-factor));
    PADDING-LEFT: var(--cms-font-size);
}

#menu-breadcrumb A.base
{
    DISPLAY: none !important;
}

#menu-breadcrumb A:before
{
    ASPECT-RATIO: 1 / 1;
    BACKGROUND: var(--cms-color);
    CLIP-PATH: polygon(30% 25%, 70% 50%, 30% 75%);
    CONTENT: "";
    HEIGHT: 50%;
    LEFT: 0;
    POSITION: absolute;
    TOP: 25%;
    TRANSITION: background-color 0.25s;
}

#menu-breadcrumb A:has(> STRONG):before,
#menu-breadcrumb A:is(:focus-visible, :hover):before
{
    BACKGROUND: #f3b606;
}

/* search box */
#x-search
{
    MAX-WIDTH: 100%;
    PADDING: calc(15 * var(--cms-factor)) 0;
    WIDTH: calc(275 * var(--cms-factor));
}

#search-text
{
    BOX-SIZING: border-box;
    PADDING-LEFT: calc(45 * var(--cms-factor));
    WIDTH: 100%;
}

#search-text::placeholder
{
    COLOR: rgba(255, 255, 255, 0.6);
}

#search-submit
{
    BACKGROUND: none;
    BORDER: none !important;
    BOTTOM: calc(15 * var(--cms-factor));
    FONT-SIZE: 0;
    LEFT: 0;
    MIN-HEIGHT: auto;
    MIN-WIDTH: auto;
    POSITION: absolute;
    TOP: calc(15 * var(--cms-factor));
    WIDTH: calc(45 * var(--cms-factor));
}

#search-submit:after
{
    ALIGN-ITEMS: center;
    COLOR: #f3b606;
    CONTENT: "\e8e9";
    DISPLAY: flex;
    FONT-FAMILY: "Entypo";
    FONT-SIZE: calc(27.5 * var(--cms-factor));
    FONT-WEIGHT: normal;
    INSET: 0;
    JUSTIFY-CONTENT: center;
    LINE-HEIGHT: calc(40 * var(--cms-factor));
    POSITION: absolute;
}

#menu UL
{
    LIST-STYLE: none;
    MARGIN: 0 calc(-7.5 * var(--cms-factor));
    PADDING: 0;
    PLACE-SELF: center;
}

#menu LI
{
    MARGIN: 0;
    PADDING: calc(5 * var(--cms-factor)) calc(7.5 * var(--cms-factor));
}

/* selected menu item */
#menu UL A.active > STRONG
{
    BORDER-BOTTOM: calc(3 * var(--cms-factor)) solid #f3b606;
    COLOR: var(--cms-color-highlight);
}

#menu UL A
{
    BOX-SIZING: border-box;
    COLOR: #ffffff;
    DISPLAY: inline-block;
    PADDING: calc(7.5 * var(--cms-factor)) calc(20 * var(--cms-factor));
    MARGIN: 0;
    TRANSITION: color 0.25s;
}

#menu A:is(:focus-visible, :hover)
{
    COLOR: #f3b606;
}

#menu UL A.active:has(> STRONG)
{
    FILTER: drop-shadow(rgba(243, 182, 6, 0.1) 0 0 calc(10 * var(--cms-factor)));
}

@keyframes menu-glitch
{
      0% { FILTER: drop-shadow(rgba(243, 182, 6, 0.15) calc( 5 * var(--cms-factor)) calc(-2.5 * var(--cms-factor)) calc(1.5 * var(--cms-factor))); }
     25% { FILTER: drop-shadow(rgba(243, 182, 6, 0.15) calc(-5 * var(--cms-factor)) calc( 2.5 * var(--cms-factor)) calc(0.5 * var(--cms-factor))); }
     50% { FILTER: drop-shadow(rgba(243, 182, 6, 0.15) calc(-5 * var(--cms-factor)) calc(-2.5 * var(--cms-factor)) calc(2.0 * var(--cms-factor))); }
     75% { FILTER: drop-shadow(rgba(243, 182, 6, 0.15) calc( 5 * var(--cms-factor)) calc( 2.5 * var(--cms-factor)) calc(1.0 * var(--cms-factor))); }
    100% { FILTER: drop-shadow(rgba(243, 182, 6, 0.15) calc( 5 * var(--cms-factor)) calc(-2.5 * var(--cms-factor)) calc(1.5 * var(--cms-factor))); }
}

#menu UL :is(A, BUTTON):is(:focus-visible, :hover)
{
    ANIMATION: menu-glitch 0.3s steps(2, jump-none) infinite;
}

#menu SPAN.menu-image-button IMG
{
    HEIGHT: calc(30 * var(--cms-factor));
    MARGIN-RIGHT: calc(10 * var(--cms-factor));
    OBJECT-FIT: contain;
    OBJECT-POSITION: center;
    WIDTH: calc(30 * var(--cms-factor));
}

/* menu 1st level */
#menu > UL
{
    MARGIN: 0 calc(-27.5 * var(--cms-factor)) calc(40 * var(--cms-factor));
}

#menu > UL > LI
{
    DISPLAY: inline-block;
    PADDING-BOTTOM: calc(10 * var(--cms-factor));
    PADDING-TOP: calc(10 * var(--cms-factor));
}

/* active menu item container */
#menu > UL > LI:has(> A.container.active)
{
    WIDTH: 100%;
}

#menu > UL > LI:has(> A.container.active):before
{
    BACKGROUND: rgba(60, 82, 99, 0.25);
    BORDER-LEFT: calc(5 * var(--cms-factor)) solid #f3b606;
    BOTTOM: 0;
    CONTENT: "";
    LEFT: 0;
    MARGIN: calc(2.5 * var(--cms-factor)) calc(5 * var(--cms-factor));
    POSITION: absolute;
    RIGHT: 0;
    TOP: 0;
    Z-INDEX: -1;
}

#menu > UL > LI > A
{
    FONT-WEIGHT: bold;
    TEXT-TRANSFORM: uppercase;
}

#menu > UL > LI > A.container.active
{
    COLOR: #f3b606;
}

/* menu 2nd level */
#menu > UL > LI > UL
{
    DISPLAY: none;
    WIDTH: 100%;
}

#menu > UL > LI:has(A.active) > UL
{
    ALIGN-CONTENT: flex-start;
    DISPLAY: flex;
    FLEX-WRAP: wrap;
}

#menu > UL > LI > UL > LI
{
    BOX-SIZING: border-box;
    FLEX: 0 1 calc(475 * var(--cms-factor));
    MIN-WIDTH: min(475px, 100%);
}

#menu > UL > LI > UL > LI > A.container
{
    FONT-WEIGHT: bold;
}

/* menu 3rd level */
#menu > UL > LI > UL > LI > UL
{
    ALIGN-CONTENT: flex-start;
    DISPLAY: flex;
    FLEX-WRAP: wrap;
    FONT-SIZE: var(--cms-font-size);
    LINE-HEIGHT: 125%;
}

@media (max-width: 640px)
{
    #menu > UL > LI > UL > LI > UL
    {
        DISPLAY: block;
    }
}

#menu > UL > LI > UL > LI > UL > LI
{
    FLEX: 0 1 calc(50% - 7.5 * var(--cms-factor) * 2);
    PADDING: calc(2.5 * var(--cms-factor)) calc(7.5 * var(--cms-factor));
}

#menu > UL > LI > UL > LI > UL > LI:before
{
    BACKGROUND: rgba(169, 194, 213, 0.5);
    CONTENT: "";
    HEIGHT: calc(1.5 * var(--cms-factor));
    LEFT: calc(27.5 * var(--cms-factor));
    POSITION: absolute;
    RIGHT: calc(27.5 * var(--cms-factor));
    TOP: calc(32.5 * var(--cms-factor));
}

/* hide / show menu */
@keyframes menu-initialized
{
      0% { VISIBILITY: hidden;  }
    100% { VISIBILITY: visible; }
}

@keyframes menu-fly-out
{
      0% { OPACITY: 1; TRANSFORM: translateX( 0);   VISIBILITY: visible; }
    100% { OPACITY: 0; TRANSFORM: translateX(15vw); VISIBILITY: visible; }
}

@keyframes menu-fly-out2
{
      0% { HEIGHT: auto; OPACITY: 1; POSITION: relative; TRANSFORM: translateX( 0);   }
    100% { HEIGHT: auto; OPACITY: 0; POSITION: relative; TRANSFORM: translateX(15vw); }
}

@keyframes menu-fly-in
{
      0% { OPACITY: 0; TRANSFORM: translateX(-15vw); POINTER-EVENTS: none; }
    100% { OPACITY: 1; TRANSFORM: translateX(  0);   POINTER-EVENTS: none; }
}

#menu,
#menu-switch2
{
    ANIMATION: menu-fly-out 0.5s, menu-initialized 1ms paused;
    OPACITY: 0;
    POINTER-EVENTS: none;
}

BODY:has(#menu-switch1:focus),
BODY:has(#menu:focus-within)
{
    #menu,
    #menu-switch2
    {
        ANIMATION: menu-fly-in 0.5s, menu-initialized 1ms forwards;
        OPACITY: 1;
        POINTER-EVENTS: auto;
    }
}

BODY:has(#menu:focus-within) :is(#menu, #menu-switch2)
{
    ANIMATION: none;
}

/* open / close menu containers */
@keyframes menu-delay
{
      0% { WIDTH: 100%; }
    100% { WIDTH: 100%; }
}

/* hide button if container selected */
#menu > UL > LI:has(A.active) > BUTTON
{
    DISPLAY: none;
}

/* make opened container 100% wide */
#menu > UL > LI:has(> BUTTON):focus-within
{
    WIDTH: 100%;
}

/* wait for fly out effect to finish before setting container width back to auto */
#menu > UL > LI:has(> BUTTON):not(:focus-within)
{
    ANIMATION: menu-delay 0.5s;
}

#menu > UL > LI:has(> BUTTON):focus-within > UL
{
    DISPLAY: flex;
    FLEX-WRAP: wrap;
}

/* close container not having active items */
#menu > UL > LI:not(:has(A.active)):has(> BUTTON):not(:focus-within) > UL
{
    ANIMATION: menu-fly-out2 0.5s;
    HEIGHT: 0;
    OPACITY: 0;
    OVERFLOW: hidden;
    POINTER-EVENTS: none;
    POSITION: absolute;
}

/* open container not having active items */
#menu > UL > LI:not(:has(A.active)):has(> BUTTON):focus-within > UL
{
    ANIMATION: menu-fly-in 0.5s;
    HEIGHT: auto;
    OPACITY: 1;
    POINTER-EVENTS: inherit;
}

/* highlight open container */
#menu > UL > LI:not(:has(A.active)):has(> BUTTON):before
{
    BACKGROUND: rgba(50, 50, 52, 0.35);
    CONTENT: "";
    INSET: 0;
    POSITION: absolute;
    MARGIN: calc(2.5 * var(--cms-factor)) calc(5 * var(--cms-factor));
    OPACITY: 0;
    TRANSITION: opacity 0.5s;
    Z-INDEX: -1;
}

#menu > UL > LI:not(:has(A.active)):has(> BUTTON):focus-within:before
{
    OPACITY: 1;
}

#menu > UL > LI:not(:has(A.active)):has(> BUTTON):focus-within > A
{
    COLOR: #f3b606;
}

/* no buttons on 2nd level and beyond */
#menu LI LI BUTTON
{
    DISPLAY: none;
}

/* set distance between text and button */
#menu A.container
{
    PADDING-RIGHT: calc(10 * var(--cms-factor));
}

/* open / close button */
#menu LI BUTTON
{
    BACKGROUND: none;
    BORDER: none !important;
    HEIGHT: calc(45 * var(--cms-factor));
    MIN-HEIGHT: auto;
    MIN-WIDTH: auto;
    PADDING-LEFT: 0;
    POSITION: relative;
    WIDTH: calc(50 * var(--cms-factor));
}

#menu LI BUTTON:before
{
    BORDER: calc(1.5 * var(--cms-factor)) solid #ffffff;
    BORDER-RADIUS: 50%;
    BOX-SIZING: border-box;
    CONTENT: "";
    HEIGHT: calc(30 * var(--cms-factor));
    LEFT: 0;
    POSITION: absolute;
    WIDTH: calc(30 * var(--cms-factor));
    TOP: calc(7.5 * var(--cms-factor));
    TRANSITION: background-color 0.25s, border-color 0.25s;
}

#menu LI BUTTON:is(:focus-visible, :hover):before,
#menu LI:focus-within > BUTTON:before
{
    BORDER-COLOR: #f3b606;
}

#menu LI BUTTON:after
{
    BACKGROUND: #ffffff;
    CLIP-PATH: polygon(0% 32.5%, 50% 82.5%, 100% 32.5%, 90% 22.5%, 50% 62.5%, 10% 22.5%);
    CONTENT: "";
    HEIGHT: calc(15 * var(--cms-factor));
    POSITION: absolute;
    LEFT: calc(7.5 * var(--cms-factor));
    TOP: calc(15.25 * var(--cms-factor));
    TRANSITION: background-color 0.25s;
    WIDTH: calc(15 * var(--cms-factor));
}

#menu LI BUTTON:is(:focus-visible, :hover):after,
#menu LI:focus-within > BUTTON:after
{
    BACKGROUND: #f3b606;
}

#menu LI:focus-within > BUTTON:after
{
    BACKGROUND: #f3b606;
    CLIP-PATH: polygon(0% 67.5%, 50% 17.5%, 100% 67.5%, 90% 77.5%, 50% 37.5%, 10% 77.5%);
    TOP: calc(14.25 * var(--cms-factor));
}

/* menu close button */
#menu-switch2
{
    BACKGROUND: none;
    BORDER: none !important;
    COLOR: transparent;
    HEIGHT: calc(52.5 * var(--cms-factor));
    MIN-HEIGHT: auto;
    MIN-WIDTH: auto;
    POSITION: fixed;
    RIGHT: calc(56 * var(--cms-factor));
    TOP: calc(40 * var(--cms-factor));
    USER-SELECT: none;
    WIDTH: calc(52.5 * var(--cms-factor));
    Z-INDEX: 1000;
}

#menu-switch2:before,
#menu-switch2:after
{
    BACKGROUND: #c90727;
    HEIGHT: calc(10 * var(--cms-factor));
    LEFT: 0;
    POSITION: absolute;
    RIGHT: 0;
    TOP: calc(21.25 * var(--cms-factor));
    TRANSFORM-ORIGIN: center;
}

#menu-switch2:before
{
    CONTENT: "";
    TRANSFORM: rotate(45deg);
}

#menu-switch2:after
{
    CONTENT: "";
    TRANSFORM: rotate(135deg);
}

/* contact info */
#contact2
{
    FONT-SIZE: calc(22.5 * var(--cms-factor));
    LINE-HEIGHT: var(--cms-line-height);
    TEXT-ALIGN: center;
}

#contact2 > A,
#contact2 > SPAN,
#contact2 > SPAN > A,
#contact2 > A:before
{
    COLOR: rgba(169, 194, 213, 0.85);
}

#contact2 > A + A:before,
#contact2 > A + SPAN:before,
#contact2 > SPAN + A:before,
#contact2 > SPAN + SPAN:before
{
    CONTENT: "·";
    PADDING: 0 calc(10 * var(--cms-factor));
}

#contact2 > A > SPAN:last-child
{
    BORDER-BOTTOM: calc(2 * var(--cms-factor)) dotted rgba(169, 194, 213, 0.3);
    TRANSITION: border-bottom-color 0.25s;
}

#contact2 > A:is(:focus-visible, :hover) > SPAN:last-child
{
    BORDER-BOTTOM-COLOR: #f3b606;
}

#contact2 > SPAN:not(:has(A))
{
    FONT-WEIGHT: bold;
}

#contact2 > SPAN > A:last-child
{
    MARGIN-RIGHT: 0;
}

/* side menu */
#menu3
{
    BACKDROP-FILTER: blur(calc(10 * var(--cms-factor)));
    BACKGROUND: rgba(80, 100, 116, 0.21);
    BACKGROUND: linear-gradient(165deg, rgba(80, 100, 116, 0.21) 0%, rgba(37, 52, 63, 0.21) 100%);
    BOTTOM: 0;
    DIRECTION: rtl;
    DISPLAY: none;
    LEFT: 0;
    MAX-WIDTH: min(350 * var(--cms-factor), 100%);
    OVERFLOW-Y: auto;
    OVERFLOW-GUTTER: stable;
    OVERSCROLL-BEHAVIOR: contain;
    POSITION: fixed;
    TOP: calc(171 * var(--cms-factor));
    TRANSITION: transform 0.5s;
    Z-INDEX: 950;
}

#menu3 *
{
    DIRECTION: ltr;
}

#menu3 UL
{
    LIST-STYLE: none;
    MARGIN: 0;
    PADDING: 0;
}

#menu3 LI
{
    MARGIN: 0;
}

#menu3 A:has(STRONG):before
{
    BACKGROUND: linear-gradient(165deg, rgba(80, 100, 116, 0.21) 0%, rgba(37, 52, 63, 0.21) 100%);
    BORDER-LEFT: calc(5 * var(--cms-factor)) solid #f3b606;
    BOTTOM: 0;
    CONTENT: "";
    LEFT: 0;
    POSITION: absolute;
    RIGHT: 0;
    TOP: 0;
    Z-INDEX: -1;
}

#menu3 A
{
    COLOR: #ffffff;
    DISPLAY: block;
    PADDING: calc(7.5 * var(--cms-factor)) calc(20 * var(--cms-factor));
}

#menu3 > UL > LI > A
{
    BACKGROUND: #ffffff;
    COLOR: #3c5263;
    FONT-WEIGHT: bold;
    TEXT-TRANSFORM: uppercase;
}

#menu3 > UL > LI > A:has(STRONG)
{
    BACKGROUND: #f3b606;
}

#menu3 > UL > LI > A > STRONG
{
    COLOR: #3c5263;
}

#head.minimize ~ #menu3
{
    TRANSFORM: translateX(-100%);
}

/* content */
#body
{
    PADDING-TOP: calc(171 * var(--cms-factor));
}

#body A:not(:empty):not(:has(IMG))
{
    BORDER-BOTTOM: calc(2 * var(--cms-factor)) dotted rgba(255, 255, 255, 0.3);
}

#body A:not(:empty):not(:has(IMG)):is(:focus-visible, :hover)
{
    BORDER-BOTTOM-COLOR: var(--cms-link-color-alt);
}

#body A:not(:empty):not(:has(IMG)):has(B, STRONG):is(:focus-visible, :hover)
{
    BORDER-BOTTOM-COLOR: var(--cms-color-highlight);
}

DIV.section,
#foot
{
    WIDTH: 100%;
}

DIV.snap
{
    SCROLL-SNAP-ALIGN: start none;
}

#body OL > LI::marker
{
    BOX-SHADOW: var(--cms-box-shadow);
    COLOR: var(--cms-color-highlight);
    FONT-WEIGHT: bold;
}

#body UL
{
    LIST-STYLE-TYPE: none;
}

#body UL:not(NAV UL) > LI
{
    FONT-SIZE: 1.1em;
    LINE-HEIGHT: var(--cms-line-height);
    TEXT-SHADOW: var(--cms-box-shadow);
    TEXT-WRAP: pretty;
}

#body UL:not(NAV UL) > LI:after
{
    BACKGROUND: var(--cms-color-highlight);
    BOX-SHADOW: var(--cms-box-shadow);
    CONTENT: "";
    HEIGHT: calc(10 * var(--cms-factor));
    LEFT: calc(-16.5 * var(--cms-factor));
    POSITION: absolute;
    TOP: calc(11 * var(--cms-factor));
    WIDTH: calc(10 * var(--cms-factor));
}

/* foot */
#foot
{
    BACKGROUND: #3c5263;
    BOX-SIZING: border-box;
    FONT-SIZE: calc(33.33 * var(--cms-factor));
    LINE-HEIGHT: 120%;
    PADDING: calc(181 * var(--cms-factor)) calc(22 * var(--cms-factor));
    TEXT-ALIGN: center;
}

#foot,
#foot A,
#menu2 A SPAN
{
    BORDER-BOTTOM: calc(2 * var(--cms-factor)) dotted rgba(255, 255, 255, 0.35);
    COLOR: #ffffff;
    TRANSITION: border-bottom-color 0.25s, color 0.25s;
}

#menu2 A,
#social-media A,
#language A
{
    BORDER-BOTTOM: none;
}

#foot :is(A, LABEL, A SPAN):is(:focus-visible, :hover)
{
    BORDER-BOTTOM-COLOR: #f3b606;
    COLOR: #f3b606;
}

#logo2
{
    MAX-WIDTH: 100%;
    WIDTH: calc(330 * var(--cms-factor));
}

#contact
{
    MARGIN-TOP: calc(32 * var(--cms-factor));
}

#contact STRONG
{
    COLOR: #ffffff;
}

#social-media
{
    FONT-SIZE: calc(57.39 * var(--cms-factor));
    LINE-HEIGHT: 115%;
    MARGIN: calc(55 * var(--cms-factor)) calc(-5 * var(--cms-factor)) 0;
}

#social-media A
{
    MARGIN: 0 calc(5 * var(--cms-factor));
    TEXT-DECORATION: none;
}

#menu2
{
    FONT-SIZE: calc(22.5 * var(--cms-factor));
    LINE-HEIGHT: var(--cms-line-height);
    MARGIN-TOP: calc(50 * var(--cms-factor));
}

#menu2 A + A:before
{
    COLOR: #ffffff;
    CONTENT: "·";
    PADDING: 0 calc(10 * var(--cms-factor));
}

#language
{
    MARGIN-TOP: calc(12.5 * var(--cms-factor));
}

#fullscreen
{
    ALL: unset;
    BACKDROP-FILTER: blur(calc(5 * var(--cms-factor))) !important;
    BACKGROUND: rgba(0, 0, 0, 0.65);
    BORDER: calc(1.5 * var(--cms-factor)) dashed rgba(255, 255, 255, 0.25) !important;
    BOTTOM: calc(20 * var(--cms-factor));
    BOX-SHADOW: 0 0 calc(75 * var(--cms-factor)) #000000;
    CURSOR: pointer;
    FONT-SIZE: 1.15em;
    LEFT: 50%;
    LINE-HEIGHT: var(--line-height);
    PADDING: calc(var(--cms-vpadding) * 1.5) calc(var(--cms-hpadding) * 1.25);
    POSITION: fixed;
    TEXT-TRANSFORM: none;
    TRANSFORM: translateX(-50%);
    TRANSITION: opacity 0.5s;
    WILL-CHANGE: opacity;
}

#head.minimize ~ #fullscreen
{
    OPACITY: 0;
    POINTER-EVENTS: none;
}

.blog-article-text IMG
{
    WIDTH: 100%;
}

@keyframes reveal
{
      0% { OPACITY: 0; OUTLINE: calc(1.5 * var(--cms-factor)) dashed rgba(255, 255, 255, 0.65); OUTLINE-OFFSET: calc(500 * var(--cms-factor)); TRANSFORM: scale(1.25); }
    100% { OPACITY: 1; OUTLINE: calc(1.5 * var(--cms-factor)) dashed rgba(255, 255, 255, 0.65); OUTLINE-OFFSET: calc(  5 * var(--cms-factor)); TRANSFORM: scale(1.00); }
}

#body > DIV.section:first-child > *,
#body > DIV.section:first-child > * > *,
#body > DIV.section:first-child > * > * > *,
#body > DIV.section:first-child > * > * > * > *,
#body > DIV.section:first-child > * > * > * > * > *,
#body > DIV.section:first-child > * > * > * > * > * > *,
#body > DIV.section:first-child > * > * > * > * > * > * > *,
#body > DIV.section:first-child > * > * > * > * > * > * > * > *,
#body > DIV.section:first-child > * > * > * > * > * > * > * > * > *,
#body > DIV.section:first-child > * > * > * > * > * > * > * > * > * > *
{
    ANIMATION: reveal 0.45s steps(20, jump-none) 0s backwards;
}

#body > DIV.section:first-child > * > * { ANIMATION-DELAY: 0.1s; }
#body > DIV.section:first-child > * > * > * { ANIMATION-DELAY: 0.2s; }
#body > DIV.section:first-child > * > * > * > * { ANIMATION-DELAY: 0.3s; }
#body > DIV.section:first-child > * > * > * > * > * { ANIMATION-DELAY: 0.4s; }
#body > DIV.section:first-child > * > * > * > * > * > * { ANIMATION-DELAY: 0.5s; }
#body > DIV.section:first-child > * > * > * > * > * > * > * { ANIMATION-DELAY: 0.6s; }
#body > DIV.section:first-child > * > * > * > * > * > * > * > * { ANIMATION-DELAY: 0.7s; }
#body > DIV.section:first-child > * > * > * > * > * > * > * > * > * { ANIMATION-DELAY: 0.8s; }
#body > DIV.section:first-child > * > * > * > * > * > * > * > * > * > * { ANIMATION-DELAY: 0.9s; }

@keyframes wiggle
{
      0% { TRANSFORM: translate(calc(var(--ani-factor) *  0.00), calc(var(--ani-factor) *  0.00)) rotate(calc(var(--ani-angle) *  0.00)) scale(var(--ani-zoom)); }
     10% { TRANSFORM: translate(calc(var(--ani-factor) *  0.84), calc(var(--ani-factor) * -0.62)) rotate(calc(var(--ani-angle) *  0.87)) scale(var(--ani-zoom)); }
     20% { TRANSFORM: translate(calc(var(--ani-factor) * -0.73), calc(var(--ani-factor) *  0.41)) rotate(calc(var(--ani-angle) * -0.56)) scale(var(--ani-zoom)); }
     30% { TRANSFORM: translate(calc(var(--ani-factor) *  0.59), calc(var(--ani-factor) * -0.91)) rotate(calc(var(--ani-angle) *  0.34)) scale(var(--ani-zoom)); }
     40% { TRANSFORM: translate(calc(var(--ani-factor) * -0.12), calc(var(--ani-factor) *  0.78)) rotate(calc(var(--ani-angle) * -0.72)) scale(var(--ani-zoom)); }
     50% { TRANSFORM: translate(calc(var(--ani-factor) *  0.95), calc(var(--ani-factor) *  0.25)) rotate(calc(var(--ani-angle) *  0.49)) scale(var(--ani-zoom)); }
     60% { TRANSFORM: translate(calc(var(--ani-factor) * -0.68), calc(var(--ani-factor) * -0.53)) rotate(calc(var(--ani-angle) * -0.83)) scale(var(--ani-zoom)); }
     70% { TRANSFORM: translate(calc(var(--ani-factor) *  0.37), calc(var(--ani-factor) *  0.96)) rotate(calc(var(--ani-angle) *  0.61)) scale(var(--ani-zoom)); }
     80% { TRANSFORM: translate(calc(var(--ani-factor) * -0.81), calc(var(--ani-factor) *  0.14)) rotate(calc(var(--ani-angle) * -0.29)) scale(var(--ani-zoom)); }
     90% { TRANSFORM: translate(calc(var(--ani-factor) *  0.45), calc(var(--ani-factor) * -0.76)) rotate(calc(var(--ani-angle) *  0.92)) scale(var(--ani-zoom)); }
    100% { TRANSFORM: translate(calc(var(--ani-factor) *  0.00), calc(var(--ani-factor) *  0.00)) rotate(calc(var(--ani-angle) *  0.00)) scale(var(--ani-zoom)); }
}

DIV.rm-content-background,
DIV.rm-split-background
{
    OVERFLOW: clip;
}

DIV.rm-content-background IMG,
DIV.rm-split-background IMG
{
    --ani-factor: calc(5 * var(--cms-factor));
    --ani-angle: 1deg;
    --ani-zoom: 1.05;
    ANIMATION: wiggle 120s ease-in-out infinite !important;
}