div.container .c-visual-grid {padding-top:0;padding-bottom:0;position:fixed;top:0;height:100%;width:100%;max-width:inherit}
div.container .c-visual-grid {pointer-events:none}
div.container .c-visual-grid .c-grid-item {border:1px solid #D4D4D8;border-width:0 1px;height:100vh;}
div.c-inner, div.columns img, div.columns2 img {position:relative;z-index:4}		/* for ghost.js */
div.c-inner-img img {width:100%;display:block}
.c-section-first {height:100vh}		/* margin-top neg set in sia.css*/
.c-section-first div.columns {height: 100vh;align-items: center;display:flex}
.section.is-grey {background: #F4F4F5;}
.section .columns:first-of-type {	margin-top: 0;	}		/* no margin-top negative on very first columns to have divider consistent */
.section.c-back-yellow {background-color:#FFF500AA;text-align:center;padding: 4em 0}

.c-slideshow-main {transition: all ease 0.3s;overflow:auto;scroll-snap-type:x mandatory}
.c-slideshow-main > * {scroll-snap-align:start}
.c-slideshow-tool {font-size:550%;}
.c-hide-scrollbar:-webkit-scrollbar {display: none;}			  
.c-hide-scrollbar {-ms-overflow-style: none; scrollbar-width: none;}
.c-toggle-down > li > div {padding:1rem 0;border-top:1px solid #000}
.c-toggle-down > li:last-child > div {border-bottom:1px solid #000}
.c-toggle-down .c-more {display:none;padding-top:2rem;padding-bottom:1rem}

.c-input {border:1px solid black;border-radius:10px;outline:0}
.c-input:focus {background:#FFF500;box-shadow: none}
.c-input:focus-visible {outline:0}

.c-ellipsis {display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}

[data-people],[data-caption]  {display:block;position:relative}
[data-people]:after, [data-caption]:after {
    content: attr(data-people);opacity:0;transition:all 0.4s ease;
    font-size:300%;font-weight:bold;letter-spacing: -0.03em;
    display:flex;justify-content:center;flex-direction:column;
    position:absolute;left:10px;top:10px;width:calc(100% - 20px);height:calc(100% - 20px);border:3px solid #fff;border-radius:50%;
    color:white;text-align:center;
    z-index:4;
}
[data-caption]:after {content: attr(data-caption);background: #aaaaaa55;font-size:150%;padding:0 2em;pointer-events: none;}
[data-people]:hover:after, [data-caption]:hover:after {opacity:1;}

body {font-family: eskg;color:#18181B}
.c-space-1 {padding-bottom:5%;padding-top:2%}
.section .c-rounded {background:#000;color:white;border-radius:50%;padding:20vh 2em;margin-bottom:2em}
.section a .c-rounded  {text-decoration: none}

header.is-sticky-top {background:white;position:sticky;top:0;z-index:5;border-bottom:1px solid #000}
header.is-sticky-bottom {background:white;position:fixed; bottom:0;z-index:5;width:100%;border-top:1px solid #000}
header.is-hidden-tablet div.is-flex {background:white}
header .c-menu-mobile {
    position:absolute; bottom:100%;width:100%;min-height:80px;box-shadow:0 -1px 0px black;z-index:-1;
    padding:2rem 0;background:white;
    transition:all 0.4s ease;transform:translate(0, 100%)
}
header .c-menu-mobile.is-active {
    transform:translate(0, 0%)
}
header .c-menu-mobile > div {padding:1rem 0}
header .c-menu-mobile a {display:inline-block;margin:0.5rem 0}
header div.c-menu-height {height:80px}



.c-menu-one a {line-height:32px;border:2px solid transparent;border-radius:50%}
.c-menu-one a.is-active, .c-menu-one a:hover {border:2px solid #333}

/* same as menu one, except height and first+last different */
.c-menu-two a {line-height:28px;min-width:32px;text-align:center;border:2px solid transparent;border-radius:50%;margin-left:0.25rem}
.c-menu-two a.is-active, .c-menu-two a:hover {border:2px solid #333}
/*
.c-menu-two > a:first-child {background:#333;color:white;border-radius:99999px;padding:0 1rem;margin-right:0.5rem}
.c-menu-two > a:last-child {border:0! important;text-decoration:underline;font-weight:normal;margin-left:1rem}
*/
.c-menu-two a.c-inverse {background:#333;color:white;border-radius:99999px;padding:0 1rem;margin-right:0.5rem}
.c-menu-two a.c-lang {padding:0;font-size:12px; background:white;color:black}
.c-menu-two a.c-underline {border:0! important;text-decoration:underline;font-weight:normal;margin-left:1rem}

.c-menu-two a:empty {display:none}

main.is-disabled:after {background-color: rgba(10, 10, 10, 0.6);content: "";display: block;position: absolute;top: 0;right: 0;bottom: 0;left: 0;}
main.t-sia a {text-decoration:none}
main.t-sia a.c-underline, dialog a.c-underline {text-decoration:none;border-bottom:1px solid #999}
main.t-sia p a {text-decoration:none;border-bottom:1px solid #999}
main.t-sia [class^="c-typo-1-"] a {text-decoration:none}
main.t-sia .container img {width:100%;display:block}
main.hide-cursor {cursor:none}
main .content p:empty:after {content:"\\00a0"}
footer {background:#27272A;color:white;padding:64px 0 64px 0}
footer a, footer a:hover {color:white;margin-right:1em}
footer {position:relative;background:#000c;}
footer .c-typo-1-4 {padding:0 0 1.5rem 0}
footer .icon-logotype-main-footer:before {margin-left:0}

.c-section-slide {min-height: 5em;}

.c-zinc-black {color:#000000}
.c-zinc-white {color:#ffffff}
.c-zinc-yellow {color:#000000}
.c-zinc-900 {color:#18181B}
.c-zinc-800 {color:#27272A}
.c-zinc-700 {color:#3F3F46}
.c-zinc-600 {color:#52525B}
.c-zinc-500 {color:#71717A}
.c-zinc-400 {color:#A1A1AA}
.c-zinc-300 {color:#D4D4D8}
.c-zinc-200 {color:#E4E4E7}
.c-zinc-100 {color:#F4F4F5}
.c-zinc-50 {color:#FAFAFA}
.c-zinc-red {color:#FF0000}
.c-zinc-blue {color:#4689EE}

.tags.is-project {margin:10px 0 0 0 !important;font-weight:bold}
.tag.is-reference {background:#D4D4D8;color:black}
.tag.is-option {border-color: 1px solid #D4D4D8;background-color:white;color:black}
.tag.is-option:empty {display:none}
.tag.is-example {background:#FFF500;color:black}
.tag.is-delay {background:#eeeeff;color:blue}

div.columns2 {column-count:2; column-gap:16px; }
div.column2 {margin-bottom:16px}
div.column2 img {display:block;}

@keyframes slideup {
    from { transform: translateY(100%);}
    to { transform: translateY(0%);}
}
@keyframes slidedown {
    from { transform: translateY(-100%);}
    to { transform: translateY(0%);}
}

dialog::backdrop {background-color:rgba(10, 10, 10, 0.6)}
.leaflet-container::after {content: "";display: block;position: absolute;top: 0;bottom: 0;left: 50%;width: 1px;background: #666;z-index: 99999;}
.leaflet-container::before {content: "";display: block;position: absolute;top: 50%;left: 0;right:0;height:1px;background: #666;z-index: 99999;}


[data-href] {cursor:pointer}

.whitebreak {white-space: break-spaces}