@charset "UTF-8";:root{--page-max-width:1920px;--page-max-width:min(74vw, 1920px);--page-max-width:min(calc(0.74 * var(--current-page-width, 100vw)), 1920px);--page-padding:70px;--page-padding:min(70px, 12vw);--page-padding:min(70px, calc(0.12 * var(--current-page-width, 100vw)));--page-header-height:90vh;--page-header-height:min(90vh, 900);--page-header-height:min(calc(0.9 * var(--current-page-height, 100vh)), 900);--page-header-height:clamp(390px, 90vh, 750px);--page-header-height:clamp(390px, calc(100vh - 200px), 750px);--page-header-height:clamp(390px, calc(100vh - 200px), min(90vw, 750px));--page-header-height:clamp(390px, calc(var(--current-page-height, 100vh) - 200px), min(calc(0.9 * var(--current-page-width, 100vw)), 750px));--container-width:calc(100% - 2 * var(--page-padding));--container-width:min(calc(100% - 2 * var(--page-padding)), var(--page-max-width));--grid-cols:repeat(12, minmax(0, 1fr));--grid-col-gap:20px;--grid-row-gap:18px;--grid-full-sides-width:calc((100% - var(--container-width)) / 2 - var(--grid-col-gap));--col-header-text:3;--z-popouts:50;--z-sticky-menu:50;--z-orange-dot:-9;--z-noise:-10;--z-background-images-overlays:-19;--z-background-images:-20;--color-white:#fff;--color-black:#1a1a1a;--color-brown:#9f876d;--color-yellow:#e0a44b;--color-yellow-light:#f3aa43;--color-blue:#344170;--color-blue-dark:#252a38;--color-blue-light:#717995;--speed-instant:0.05s;--speed-fast:0.25s;--speed-medium:0.5s;--speed-slow:0.7s;--ease-smooth:cubic-bezier(.54, .03, .27, .99);--ease-ease-exaggerated:cubic-bezier(.35, 0, .1, 1);--ease-ease-reversed:cubic-bezier(.37, 0, .75, 1);--ease-ease-out-exaggerated:cubic-bezier(.21, .36, .53, 1)}@media screen and (max-width:660px){:root{--col-introduction-start:1;--col-contact-start:2;--col-contact-end:15;--page-contact-bg-display:none}}@media screen and (min-width:661px) and (max-width:930px){:root{--col-introduction-start:2;--col-contact-start:2;--col-contact-end:10;--page-contact-bg-display:block}}@media screen and (min-width:931px) and (max-width:1400px){:root{--col-introduction-start:3;--col-contact-start:3;--col-contact-end:10;--page-contact-bg-display:block}}@media screen and (min-width:1401px){:root{--col-introduction-start:3;--col-contact-start:3;--col-contact-end:10;--page-contact-bg-display:block}}*,::after,::before{box-sizing:border-box}::-moz-selection{background-color:rgba(192,130,64,.35)}::selection{background-color:rgba(192,130,64,.35)}body,html{overflow-x:hidden;width:100%}html{height:100%;scroll-behavior:smooth}html{scrollbar-width:auto;scrollbar-color:var(--color-blue-light) var(--color-blue-dark)}html::-webkit-scrollbar{width:16px;height:16px}html::-webkit-scrollbar-track{background:var(--color-blue-dark)}html::-webkit-scrollbar-thumb{background:var(--color-blue-light);border:3px solid var(--color-blue-dark);border-radius:100px}body{position:relative;min-height:100%;margin:0;display:flex;flex-direction:column;justify-content:flex-start;align-items:stretch;font-family:Barlow,sans-serif;font-size:18px;font-size:clamp(16px,2.4vmin,18px);font-size:clamp(16px,calc(.024 * min(var(--current-page-width,100vw),var(--current-page-height,100vh))),18px);line-height:1.4444444444;background-color:#000;color:var(--color-white);text-shadow:-1px 1px 14px rgba(43,41,54,.3);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-y:hidden}body::before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;width:100%;height:100%;background:url(../img/purple-noise.jpg) repeat;background-size:150px 150px;z-index:var(--z-noise);mix-blend-mode:exclusion;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;filter:hue-rotate(-15deg) saturate(1.3) brightness(.92)}body>footer{margin-top:auto}img{max-width:100%}a{color:inherit}form label{display:block;margin-bottom:.5em;font-weight:500}button,input,textarea{-webkit-appearance:none;-moz-appearance:none;appearance:none;font:inherit}input{line-height:1}input,textarea{padding:16px 16px 17px;border:none;border-radius:3px;background-color:rgba(26,26,26,.4);color:#fff;font-size:inherit;font-weight:400;width:100%}input::-moz-placeholder, textarea::-moz-placeholder{color:#fff;font-size:inherit;font-weight:400;line-height:1;opacity:.3}input:-ms-input-placeholder, textarea:-ms-input-placeholder{color:#fff;font-size:inherit;font-weight:400;line-height:1;opacity:.3}input::-ms-input-placeholder, textarea::-ms-input-placeholder{color:#fff;font-size:inherit;font-weight:400;line-height:1;opacity:.3}input::placeholder,textarea::placeholder{color:#fff;font-size:inherit;font-weight:400;line-height:1;opacity:.3}input::-moz-selection, textarea::-moz-selection{background-color:rgba(88,86,159,.8)}input::selection,textarea::selection{background-color:rgba(88,86,159,.8)}textarea{display:block}.button{display:block;text-align:center;padding:.88em 2em;min-width:10em;border:none;border-radius:3px;font-weight:700;cursor:pointer;transform:none;transition-property:opacity,transform,box-shadow,background-color;transition-duration:var(--speed-fast);transition-timing-function:var(--ease-smooth)}.button--primary{background-color:var(--color-yellow);color:var(--color-black);box-shadow:0 3.5px 30px -2px rgba(0,0,0,.2)}.button--primary:focus,.button--primary:hover{background-color:var(--color-yellow-light);box-shadow:0 0 0 4.5px rgba(233,136,72,.2)}.button:active{transform:scale(.97);opacity:.9;transition-duration:var(--speed-instant);background-color:var(--color-yellow);box-shadow:0 0 0 6px rgba(233,136,72,.1)}.hidden{display:none}.h1{font-size:86px;font-size:clamp(56px,11vmin,86px);font-size:clamp(56px,calc(.11 * min(var(--current-page-width,100vw),var(--current-page-height,100vh))),86px);font-weight:700;line-height:1;letter-spacing:0}.h2{font-size:56px;font-size:clamp(42px,8vmin,56px);font-size:clamp(42px,calc(.08 * min(var(--current-page-width,100vw),var(--current-page-height,100vh))),56px);font-weight:700;line-height:1;letter-spacing:0;margin:1.6em 0 .8em}.h3{font-size:36px;font-size:clamp(26px,5vmin,36px);font-size:clamp(26px,calc(.05 * min(var(--current-page-width,100vw),var(--current-page-height,100vh))),36px);font-weight:400;line-height:1.3}.h4{font-size:24px;font-size:clamp(18px,3vmin,24px);font-size:clamp(18px,calc(.03 * min(var(--current-page-width,100vw),var(--current-page-height,100vh))),24px);font-weight:400;line-height:1.58}[data-content-visibility-auto]:not([data-content-visibility-auto=visible]){content-visibility:auto;contain-intrinsic-size:0 700px}[data-content-visibility-auto=visible]{content-visibility:visible;contain:style layout}@-webkit-keyframes spin{0%{transform:rotate(0turn)}100%{transform:rotate(1turn)}}@keyframes spin{0%{transform:rotate(0turn)}100%{transform:rotate(1turn)}}.container--extra-full-width,.container--full-width,.container--marginated{margin-left:auto;margin-right:auto}.container--marginated{width:var(--container-width);max-width:var(--page-max-width)}.container--full-width{width:100%;max-width:var(--page-max-width)}.container--extra-full-width{width:100%;max-width:calc(1.35 * var(--page-max-width))}.grid--full-width,.grid--marginated{display:grid;-moz-column-gap:var(--grid-col-gap);column-gap:var(--grid-col-gap)}.grid--marginated{grid-template-columns:var(--grid-cols)}.grid--full-width{grid-template-columns:var(--grid-full-sides-width) var(--grid-cols) var(--grid-full-sides-width)}#about{scroll-margin-top:min(10em,20vh);scroll-margin-top:min(10em,calc(.2 * var(--current-page-height,100vh)))}#contact,#gear,#projects{scroll-margin-top:min(7em,14vh);scroll-margin-top:min(7em,calc(.14 * var(--current-page-height,100vh)))}.page-fixed-header{position:fixed;top:0;left:0;width:100%;z-index:var(--z-sticky-menu);pointer-events:none}.page-fixed-header__gradient{--page-gradient-amount-percentage:0;position:absolute;top:0;left:0;right:0;width:100%;height:12em;height:min(12em,24vh);-webkit-mask-image:radial-gradient(ellipse at 50% -4%,#000 0,42%,transparent 57%);mask-image:radial-gradient(ellipse at 50% -4%,#000 0,42%,transparent 57%);-webkit-mask-position:center calc(-200px + var(--page-gradient-amount-percentage) * 180px);mask-position:center calc(-200px + var(--page-gradient-amount-percentage) * 180px);-webkit-mask-size:300% 100%;mask-size:300% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;pointer-events:none;z-index:-1;opacity:calc(var(--page-gradient-amount-percentage) * var(--page-gradient-amount-factor));transition-property:filter;transition-duration:var(--speed-medium);transition-timing-function:ease}.page-fixed-header__gradient[style*="--page-gradient-amount-percentage: 1"],.page-fixed-header__gradient[style*="--page-gradient-amount-percentage:1"]{transition-property:opacity,filter}.page-fixed-header__gradient--purple{--page-gradient-amount-factor:1;filter:hue-rotate(0) brightness(1)}.page-fixed-header__gradient--purple[style*="--page-gradient-amount-percentage: 1"],.page-fixed-header__gradient--purple[style*="--page-gradient-amount-percentage:1"]{transition-duration:calc(var(--speed-medium) * .5),calc(var(--speed-medium) * .3);transition-timing-function:var(--ease-ease-reversed),ease-out}.page-fixed-header__gradient--orange{--page-gradient-amount-factor:0.4;filter:hue-rotate(122deg) brightness(.75)}.page-fixed-header__gradient--orange[style*="--page-gradient-amount-percentage: 1"],.page-fixed-header__gradient--orange[style*="--page-gradient-amount-percentage:1"]{transition-property:opacity,filter;transition-duration:var(--speed-fast),var(--speed-medium);transition-timing-function:ease-out,ease}.page-fixed-header__gradient::after,.page-fixed-header__gradient::before{content:"";position:absolute;inset:0;width:100%;height:100%}.page-fixed-header__gradient::before{background-color:#000;opacity:1;z-index:calc(var(--z-noise) - 1)}.page-fixed-header__gradient::after{background:url(../img/purple-noise.jpg) repeat;background-size:150px 150px;z-index:var(--z-noise);mix-blend-mode:exclusion;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;filter:hue-rotate(-15deg) saturate(1.3) brightness(.92)}.main-navigation>ul{margin:0 auto;padding:1.3em 0 0;display:flex;justify-content:center;list-style:none}@media screen and (max-width:430px){.main-navigation>ul{width:100%;gap:.2em}}@media screen and (min-width:431px) and (max-width:660px){.main-navigation>ul{width:100%;gap:min(2em,3vw);gap:min(2em,.03 * var(--current-page-width,100vw))}}@media screen and (min-width:661px){.main-navigation>ul{gap:3em;gap:min(3em,5vw);gap:min(3em,.05 * var(--current-page-width,100vw))}}.main-navigation>ul li a{display:inline-block;padding:.32em .7em .4em;position:relative;overflow:hidden;border-radius:3px;text-decoration:none;background-color:transparent;transition:background-color var(--speed-fast) var(--ease-smooth);pointer-events:auto}.main-navigation>ul li a:focus,.main-navigation>ul li a:hover{background-color:rgba(255,255,255,.15)}.page-header{position:relative;min-height:var(--page-header-height);display:flex;justify-content:stretch;align-items:stretch}.page-header .background-image,.page-header .background-image__gradient{position:absolute;right:0;bottom:-20%;left:0;width:100%;height:120%}.page-header .background-image{top:0;-o-object-fit:cover;object-fit:cover;-o-object-position:66% 15%;object-position:66% 15%;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;z-index:var(--z-background-images);filter:brightness(75%)}.page-header .background-image__gradient{background:linear-gradient(to top,#000 0,transparent 100%);z-index:var(--z-background-images-overlays);pointer-events:none}.page-header__text-wrapper{position:relative;grid-template-rows:minmax(4.444444em,1fr) auto auto minmax(1.111111em,.25fr);row-gap:var(--grid-row-gap)}.page-header__text-wrapper h1{margin:0;grid-column:var(--col-header-text)/-1;grid-row:2;position:relative}.page-header__text-wrapper h1 svg{position:absolute;height:1.8em;width:auto;right:calc(100% + .38ch);top:50%;transform:translateY(-50%);filter:drop-shadow(-1px 1px 14px rgba(43, 41, 54, .3))}.page-header__text-wrapper h2{margin:0;grid-column:var(--col-header-text)/-1;grid-row:3}.page-header .dot-wrapper{mix-blend-mode:hard-light;position:absolute;margin:0 auto;left:50%;top:0;bottom:0;transform:translateX(-50%);grid-template-rows:none;z-index:var(--z-orange-dot);pointer-events:none;opacity:.8}.page-header .dot{position:absolute;top:calc(64% - 2vh);left:50%;transform:translate(-50%,-50%);--dot-size:620px;--dot-size:min(620px, 70vmin);--dot-size:min(620px, calc(var(--page-header-height) * 0.8));display:block;width:var(--dot-size);max-height:calc(100% - 40px);max-width:calc(100% - 40px);aspect-ratio:1/1;border-radius:50%;background-color:var(--color-brown);pointer-events:none;z-index:inherit}.page-introduction{position:relative}.page-introduction .introduction__wrapper{margin:0;grid-column:var(--col-introduction-start)/-1}.page-introduction .introduction__wrapper .introduction__text{margin-top:0;max-width:50ch}.page-introduction .introduction__wrapper .introduction__text:last-child{margin-bottom:0}.projects-overview{--project-artwork-size:16.666666667em;--project-record-spin-speed:3.57s;--project-artwork-hover-speed:0.5s;--project-artwork-animate-back-delay:calc(0.15 * var(--project-artwork-hover-speed));display:grid;grid-template-columns:repeat(auto-fit,var(--project-artwork-size));justify-content:center;-moz-column-gap:7em;column-gap:7em;-moz-column-gap:clamp(5em,7vw,7em);column-gap:clamp(5em,7vw,7em);-moz-column-gap:clamp(5em,calc(.07 * var(--current-page-width,100vw)),7em);column-gap:clamp(5em,calc(.07 * var(--current-page-width,100vw)),7em);row-gap:4em;margin-top:5em;margin-top:max(.17 * var(--page-header-height),5em);margin-bottom:0;padding:0 6em;padding:0 min(6em,10vw);padding:0 min(6em,calc(.1 * var(--current-page-width,100vw)))}@media screen and (max-width:660px){.projects-overview{--project-artwork-size:17em;--project-artwork-size:min(17em, calc(100vw - 2 * var(--page-padding)));--project-artwork-size:min(17em, calc(var(--current-page-width, 100vw) - 2 * var(--page-padding)))}}@media screen and (min-width:661px) and (max-width:880px){.projects-overview{--project-artwork-size:max(14em, 32vw);--project-artwork-size:max(14em, calc(0.32 * var(--current-page-width, 100vw)));-moz-column-gap:clamp(3.5em,7vw,6em);column-gap:clamp(3.5em,7vw,6em);-moz-column-gap:clamp(3.5em,calc(.07 * var(--current-page-width,100vw)),6em);column-gap:clamp(3.5em,calc(.07 * var(--current-page-width,100vw)),6em)}}.project{flex:0 0 auto;cursor:pointer}.project__credits{margin-top:1em;font-size:21px;font-size:clamp(18px,3vmin,21px);font-size:clamp(18px,calc(.03 * min(var(--current-page-width,100vw),var(--current-page-height,100vh))),21px)}.project__credits__title{opacity:.6}.project__artwork{position:relative;transform:none;transition:transform var(--project-artwork-hover-speed) var(--ease-ease-exaggerated);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.project__artwork img{display:block;width:var(--project-artwork-size);height:var(--project-artwork-size);position:relative;z-index:1;border-radius:3px;overflow:hidden;transform-origin:0 100%;box-shadow:0 5px 30px -2px rgba(0,0,0,.2);transition-property:transform,box-shadow;transition-duration:var(--project-artwork-hover-speed);transition-timing-function:var(--ease-smooth)}.project__artwork .record-wrapper-wrapper{transform:none;position:absolute;inset:0}.project__artwork .record-wrapper{position:absolute;inset:0;--record-margin-block:19px;--record-size:calc(var(--project-artwork-size) - 2 * var(--record-margin-block));--record-center-size:31.534%;--record-hole-size:3.3333333%;--record-extra-border-width:4px;width:var(--record-size);height:var(--record-size);transform-origin:center center;display:grid;place-items:center;margin:var(--record-margin-block) auto}.project__artwork .record{-webkit-animation-play-state:paused;animation-play-state:paused}.project__artwork:not(:hover){--project-artwork-hover-speed:0.7s;transition-delay:var(--project-artwork-animate-back-delay)}.project__artwork:not(:hover) img{transition-delay:var(--project-artwork-animate-back-delay),0s}.project__artwork:not(:hover) .record-wrapper-wrapper{transform:none;transition:transform calc(var(--project-artwork-hover-speed) * 2.8) var(--ease-ease-exaggerated) var(--project-artwork-animate-back-delay)}.project__artwork:not(:hover) .record-wrapper{opacity:0;transform:rotate(.1turn);transition:opacity calc(var(--project-record-spin-speed) * .1120448179) var(--ease-ease-reversed) calc(var(--project-artwork-animate-back-delay) * 3.4),transform calc(var(--project-record-spin-speed) * .1960784314) var(--ease-ease-out-exaggerated) 0s}.project__artwork:hover{--project-artwork-hover-speed:0.4s;transform:scale(1.02)}.project__artwork:hover img{transform:rotate(-3deg) translateY(1.5%) translateX(-8%);box-shadow:0 2px 40px -2px rgba(111,108,135,.35)}.project__artwork:hover .record-wrapper-wrapper{transform:translate(32%,-2.8%);transition:transform calc(var(--project-artwork-hover-speed) * 1.6) var(--ease-ease-exaggerated) 0s}.project__artwork:hover .record-wrapper{opacity:1;transform:rotate(0turn);transition:opacity calc(var(--project-record-spin-speed) * .1400560224) var(--ease-ease-out-exaggerated) 0s,transform calc(var(--project-record-spin-speed) * .175070028) var(--ease-ease-out-exaggerated) 0s}.project__artwork:hover .record{-webkit-animation-play-state:running;animation-play-state:running}.record{width:100%;height:100%;-webkit-animation:spin var(--project-record-spin-speed) linear infinite;animation:spin var(--project-record-spin-speed) linear infinite;position:relative;border-radius:50%;background:linear-gradient(30deg,transparent 40%,rgba(42,41,40,.85) 40%) no-repeat 100% 0,linear-gradient(60deg,rgba(42,41,40,.85) 60%,transparent 60%) no-repeat 0 100%,repeating-radial-gradient(#2a2928,#2a2928 4px,#5a5a58 5px,#2a2928 6px);background-size:50% 100%,100% 50%,100% 100%;transform:none;box-shadow:0 0 0 var(--record-extra-border-width) #2a2928;filter:contrast(1.1) brightness(1.1)}@supports (mask-mode:luminance){.record{-webkit-mask-image:url(../img/masks.svg#record);mask-image:url(../img/masks.svg#record);mask-mode:luminance;-webkit-mask-position:center center;mask-position:center center;-webkit-mask-size:100% 100%;mask-size:100% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}}@supports not (mask-mode:luminance){.record::after{content:"";position:absolute;top:50%;left:50%;margin:calc(-1 * var(--record-hole-size)/ 2);width:var(--record-hole-size);height:var(--record-hole-size);border-radius:50%;background:#252525}}.record::before{content:"";position:absolute;top:50%;left:50%;margin:calc(-1 * var(--record-center-size)/ 2);width:var(--record-center-size);height:var(--record-center-size);border-radius:50%;background:var(--average-color) radial-gradient(circle,rgba(0,0,0,.1) 0,70%,rgba(0,0,0,.27) 100%);box-shadow:0 0 0 calc(var(--record-size) * .022) #222121}project-viewer{position:fixed;inset:0;display:block;width:100%;height:100%;overflow-y:auto;z-index:var(--z-popouts);background-color:#000;transition-property:opacity,visibility;transition-duration:var(--speed-slow);transition-timing-function:ease}project-viewer:not(.visible){pointer-events:none;opacity:0;visibility:hidden}project-viewer .project{padding-left:50%}project-viewer .project__artwork{position:absolute;top:50%;left:25%;transform:translate(-50%,-50%)}.main-text{position:relative;margin-top:5em;padding:7em 0;padding:min(7em,calc(.1 * var(--current-page-height,100vh))) 0;row-gap:4em}.main-text>div h3{margin:0 0 .4em}.main-text>div p{line-height:1.8em}.main-text>div p:last-child{margin-bottom:0}.main-text::before{content:"";display:block;position:absolute;mix-blend-mode:soft-light;z-index:var(--z-orange-dot);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;pointer-events:none}@media screen and (max-width:740px){.main-text>div:nth-child(even),.main-text>div:nth-child(odd){grid-column:3/-3}.main-text::before{inset:0;width:100%;height:100%;background-color:#ad8662}}@media screen and (min-width:741px){.main-text>div{min-width:25em}.main-text::before{--ribbon-square-width:var(--current-page-width, 100vw);--ribbon-square-height:calc(var(--ribbon-square-width) + var(--ribbon-thickness));width:var(--ribbon-square-width);height:var(--ribbon-square-height);-webkit-clip-path:polygon(100% 0,100% calc(var(--ribbon-thickness)),0 100%,0 calc(100% - var(--ribbon-thickness)));clip-path:polygon(100% 0,100% calc(var(--ribbon-thickness)),0 100%,0 calc(100% - var(--ribbon-thickness)));left:50%;top:50%;transform:translate(-50%,-50%);transform-origin:50% 50%;background:linear-gradient(45deg,transparent 0,transparent 15%,30%,#ad8662 40%,#ad8662 60%,90%,transparent 180%)}}@media screen and (min-width:741px) and (max-width:1000px){.main-text>div:nth-child(odd){grid-column:6/span 5}.main-text>div:nth-child(even){grid-column:3/span 5}}@media screen and (min-width:1001px){.main-text>div:nth-child(odd){grid-column:7/span 5}.main-text>div:nth-child(even){grid-column:4/span 5}}.slider{display:flex;flex-direction:row;align-items:stretch;justify-content:center}.slider:focus{outline:0}.slider__contents{flex:1 1 auto;display:flex;height:430px;height:var(--slider-height);margin:calc(-1 * var(--slider-padding-y)) 0;padding:var(--slider-padding-y) var(--slider-padding-x);flex-direction:row;align-items:stretch;justify-content:flex-start;gap:13px;gap:calc(var(--slider-height) * .035);position:relative;contain:size layout style;overflow-x:auto;overflow-y:visible;cursor:-webkit-grab;cursor:grab;-ms-scroll-snap-type:x mandatory;scroll-snap-type:x mandatory;scroll-snap-stop:always;scroll-margin:0;scroll-behavior:smooth;touch-action:manipulation;overscroll-behavior-x:contain}.slider__contents{scrollbar-width:auto;scrollbar-color:var(--color-blue-light) var(--color-blue-dark)}.slider__contents::-webkit-scrollbar{width:16px;height:16px}.slider__contents::-webkit-scrollbar-track{background:var(--color-blue-dark)}.slider__contents::-webkit-scrollbar-thumb{background:var(--color-blue-light);border:3px solid var(--color-blue-dark);border-radius:100px}.slider__contents--dragging{cursor:-webkit-grabbing!important;cursor:grabbing!important;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;scroll-behavior:auto}.gear-overview{--slider-padding-x:65px;--slider-padding-y:3em;--slider-height:clamp(calc(260px + 2 * var(--slider-padding-y)), 65vh, calc(500px + 2 * var(--slider-padding-y)));margin-top:5em}.gear-overview .gear--teaser{flex:0 0 auto;scroll-snap-align:center;position:relative;contain:layout style paint;overflow:hidden;box-shadow:0 35px 56px -40px rgba(26,26,26,.7);transition-property:box-shadow;transition-duration:var(--speed-slow);transition-timing-function:var(--ease-smooth)}.gear-overview .gear--teaser img{display:block;height:100%;width:auto;max-width:600px;max-width:min(600px,100vw - 2 * var(--slider-padding-x));-o-object-fit:cover;object-fit:cover;transform:scale(1.05);transition:transform var(--speed-slow) ease;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.gear-overview .gear--teaser::after{content:"";display:block;position:absolute;inset:0;mix-blend-mode:exclusion;background-color:#414052;transition:opacity var(--speed-slow) ease;opacity:.8}.gear-overview .gear--teaser .gear__title{position:absolute;display:flex;justify-content:flex-start;align-items:stretch;bottom:0;left:0;right:0;width:100%;padding:1em 1.4em;color:#fff;z-index:2;opacity:0;transform:translateY(100%);transition-property:opacity,transform;transition-duration:var(--speed-medium);transition-timing-function:var(--ease-smooth)}.gear-overview .gear--teaser .gear__title::after{content:"";position:absolute;bottom:0;left:0;right:0;height:170%;background:linear-gradient(to top,var(--color-blue) 0,62%,transparent 100%);z-index:-1;opacity:.55}.gear-overview .gear--teaser .gear__view-full-button{position:absolute;top:1.2em;right:1.4em;z-index:2;opacity:0;transition-property:opacity,transform;transition-duration:var(--speed-medium);transition-timing-function:var(--ease-smooth);pointer-events:none}.gear-overview .gear--teaser .gear__view-full-button a{display:block}.gear-overview .gear--teaser .gear__view-full-button a svg{fill:currentColor;width:1.6em;height:auto}.gear-overview .slider__contents:not(.slider__contents--dragging) .slider__item.slider__item--active::after,.gear-overview .slider__contents:not(.slider__contents--dragging) .slider__item:not(.slider__item--active):hover::after{opacity:.6}.gear-overview .slider__contents:not(.slider__contents--dragging) .slider__item.slider__item--active img,.gear-overview .slider__contents:not(.slider__contents--dragging) .slider__item:not(.slider__item--active):hover img{transform:none}.gear-overview .slider__contents:not(.slider__contents--dragging) .slider__item.slider__item--active .gear__title,.gear-overview .slider__contents:not(.slider__contents--dragging) .slider__item:not(.slider__item--active):hover .gear__title{opacity:.5;transform:translateY(0)}.gear-overview .slider__contents:not(.slider__contents--dragging) .slider__item.slider__item--active{box-shadow:0 0 36px -10px rgba(111,108,135,.6)}.gear-overview .slider__contents:not(.slider__contents--dragging) .slider__item.slider__item--active::after{opacity:0}.gear-overview .slider__contents:not(.slider__contents--dragging) .slider__item.slider__item--active .gear__title{opacity:1}.gear-overview .slider__contents:not(.slider__contents--dragging) .slider__item.slider__item--active .gear__view-full-button{opacity:.6;pointer-events:auto}.gear-overview .slider__contents:not(.slider__contents--dragging) .slider__item.slider__item--active .gear__view-full-button:hover{opacity:1;transition-duration:var(--speed-fast)}.gear-overview .slider__contents:not(.slider__contents--dragging) .slider__item--active{cursor:pointer}.page-contact{margin-top:8em;contain:style}.page-contact .grid--full-width{position:relative}.page-contact .grid--full-width::before{content:"";display:block;position:absolute;grid-area:1/1/3/var(--col-contact-end);width:100%;height:100%;mix-blend-mode:soft-light;background-color:#ad8662;z-index:var(--z-orange-dot);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;pointer-events:none}.page-contact .grid--full-width>*{grid-column:var(--col-contact-start)/calc(var(--col-contact-end) - 1)}.page-contact .grid--full-width picture{display:contents}.page-contact form{margin-bottom:5em;max-width:33em}.page-contact form>p{margin-top:0;margin-bottom:0}.page-contact form>p:not(.hidden)+p{margin-top:1.4em}.page-contact form>:last-child{margin-top:2.6em!important;margin-bottom:0}.page-contact form button[type=submit]{margin-left:auto}@media screen and (max-width:660px){.page-contact form{max-width:none}.page-contact form>:last-child{margin-top:2em!important}.page-contact form button[type=submit]{margin-right:auto}}.page-contact .background-image{position:absolute;left:calc(var(--grid-col-gap) * -1);grid-area:1/var(--col-contact-end)/3/-1;width:calc(100% + var(--grid-col-gap));max-width:unset;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:52% 25%;object-position:52% 25%;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;z-index:var(--z-background-images);display:var(--page-contact-bg-display);filter:brightness(89%) contrast(.96) saturate(1.05)}.social-links{display:flex;align-items:center;justify-content:center;gap:1.5em;padding:1.2em;background-color:rgba(0,0,0,.3)}.social-links a{flex:0 0 auto;display:block;transition:opacity var(--speed-fast) var(--ease-smooth)}.social-links a:focus,.social-links a:hover{opacity:.6}.social-links a svg{display:block;height:28px;width:28px;fill:#f4f4f4}
/*# sourceMappingURL=main.css.map */