body {
} @media ( min-width: 700px ) {
} @media ( min-width: 1100px ) {
}body {
} @media ( min-width: 700px ) {
} @media ( min-width: 1100px ) {
}body {
}
* {
}
a {
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
}
.ta--l {
text-align: left;
}
.ta--c {
text-align: center;
}
.ta--r {
text-align: right;
}
.tt--u {
text-transform: uppercase;
}
.tt--l {
text-transform: lowercase;
}
.tt--n {
text-transform: none;
}
.dash {
margin: 0 0.2em;
}
.slash {
margin: 0 0.125em;
}
.times {
margin: 0 0.125em;
}
.unit {
margin-left: 0.2em;
} @media ( min-width: 700px ) {
} @media ( min-width: 1100px ) {
}body{--grid-content-max-width:none;--grid-column-display:block}grid-wrap,.grid-wrap{display:block;overflow:hidden;padding:var(--grid-wrap-padding-vertical) var(--grid-wrap-padding-horizontal)}grid-row,.grid-row{display:flex;flex-wrap:wrap;margin-left:calc(var( --grid-column-gap-horizontal ) * -0.5);margin-right:calc(var( --grid-column-gap-horizontal ) * -0.5);margin-bottom:calc(var( --grid-column-gap-vertical ) * -1);padding-left:calc(( 100% - var( --grid-content-max-width ) ) / 2);padding-right:calc(( 100% - var( --grid-content-max-width ) ) / 2)}grid-row:not(:last-child),.grid-row:not(:last-child){padding-bottom:var(--grid-row-gap)}grid-col,.grid-col{--grid-column-offset:0;flex-shrink:0;width:calc(100% / var( --grid-column-count ) * var( --grid-column-span, calc( var( --grid-column-count ) - var( --grid-column-offset ) ) ));min-width:calc(100% / var( --grid-column-count ) * var( --grid-column-span, calc( var( --grid-column-count ) - var( --grid-column-offset ) ) ));margin-left:calc(100% / var( --grid-column-count ) * var( --grid-column-offset ));padding-left:calc(var( --grid-column-gap-horizontal ) * 0.5);padding-right:calc(var( --grid-column-gap-horizontal ) * 0.5);padding-bottom:var(--grid-column-gap-vertical)}body {
--header-extension-offset: calc( var( --grid-wrap-padding-vertical ) * -1 + 0.1em );
}
header {
position: -webkit-sticky;
position: -moz-sticky;
position: sticky;
top: 0;
background: var( --background-color );
z-index: 100;
}
#header-inner {
position: relative;
}
header-extension {
display: block;
position: -webkit-sticky;
position: -moz-sticky;
position: sticky;
top: calc( var( --header-height ) + var( --header-extension-offset ) );
background: var( --background-color );
z-index: 110;
}
header + header-extension {
margin-top: var( --header-extension-offset );
}
.filter-bar {
overflow-x: scroll;
overflow-y: hidden;
-webkit-overflow-scrolling: touch;
-ms-overflow-style: none;
scrollbar-width: none;
display: flex;
}
.filter-bar::-webkit-scrollbar {
display: none;
}
.filter-bar .menu {
display: inline-flex;
flex-shrink: 0;
padding-top: 0;
margin-left: auto;
margin-right: auto;
}
.filter-bar .menu .menu-item {
white-space: nowrap;
display: inline-flex;
}
.filter-bar .menu .menu-item:not( :last-child ) {
margin-right: 0.18em;;
}
.filter-bar .menu .menu-item:not( :last-child )::after {
content: ',';
margin-left: -0.025em;
}
#header__page-title a {
color: var( --black );
}
#header__language-switch .menu {
display: flex;
}
#header__navigation-toggle {
position: absolute;
top: calc( var( --icon-padding-vertical ) * -0.8 );
right: calc( ( var( --icon-width ) + var( --icon-padding-horizontal ) * 3 ) * -1 );
} @media ( min-width: 700px ) {
.filter-bar .menu {
flex-wrap: wrap;
justify-content: center;
row-gap: 0.25em;
max-width: 100%;
}
} @media ( max-width: 1019px ) {
header {
padding-right: calc( var( --icon-width ) + var( --icon-padding-horizontal ) * 3 ) !important;
}
header:not( .navigation-is-active ) #header__navigation,
header:not( .navigation-is-active ) #header__language-switch {
display: none;
}
} @media ( min-width: 1020px ) {
#header-inner,
#header__navigation .menu {
display: flex;
justify-content: center;
}
#header-inner > *:not( :last-child ) {
margin-right: calc( var( --grid-column-gap-horizontal ) * 2 );
}
#header__navigation .menu-item:not( :last-child ) {
margin-right: var( --grid-column-gap-horizontal );
}
#header__language-switch {
position: absolute;
top: 0;
right: 0;
}
#header__navigation-toggle {
display: none;
}
}body {
}body {
}
.menu-item a,
.lang-item a {
display: inline-block;
}
.menu-item.is-active a,
.lang-item.current-lang a {
--color: var( --black );
}
.lang-item:not( :last-child ) > a::after {
content: '/';
color: var( --gray );
}body { }
#projects {
padding-bottom: var( --grid-wrap-padding-vertical );
}body {
}
.image {}
.image.is-loaded {
background: red;
}
.image-inner {}
.image__markup {
position: relative;
padding-top: calc( 100 / var( --image-ratio, var( --ratio ) ) * 1% );
}
.image__markup > img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
object-fit: cover;
}
.image__markup > img.has-focus-point {
object-position: var( --fpx, 50% ) var( --fpy, 50% );
}
.image__caption {}body {
}
#footer__navigation .menu {
display: flex;
justify-content: center;
}
#footer__navigation .menu-item {
display: inline-flex;
}
#footer__navigation .menu-item:not( :last-child )::after {
content: '/';
margin: 0 0.2em;
}