:root{--foreground-rgb:0, 0, 0;--background-rgb:255, 255, 255;--theme-rgb:255, 245, 145;--line-color:#0000001a;--page-pad:var(--spacing-3);--text-tiny:.5rem;--text-small:.75rem;--text-normal:1rem;--text-large:1.5rem;--text-xlarge:3rem;--spacing-01:.25rem;--spacing-1:.5rem;--spacing-2:1rem;--spacing-3:1.5rem;--spacing-4:2rem;--spacing-5:3rem;--spacing-6:5rem;--glass-tint:70%;--glass-opacity:80%;--glass-blur:blur(32px) saturate(1.8);--grain-faint:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='240' height='240'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='1.4' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='1 0 0 0 0 1 0 0 0 0 1 0 0 0 0 0 0 0 0 .18'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");--grain:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='240' height='240'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='1.4' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='1 0 0 0 0 1 0 0 0 0 1 0 0 0 0 0 0 0 0 .5'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}::selection{background-color:rgb(var(--theme-rgb));color:var(--theme-ink,rgb(var(--foreground-rgb)))}:focus{outline:none}:focus-visible{outline:2px solid rgb(var(--foreground-rgb));outline-offset:2px;box-shadow:0 0 0 2px rgb(var(--background-rgb)), 0 0 0 6px rgb(var(--theme-rgb));text-underline-offset:.2em;text-decoration:underline}.visuallyHidden{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@font-face{font-family:Basel Grotesk;src:url(/_astro/Basel-Grotesk-Regular.11t0ocUZ.woff2)format("woff2"),url(/_astro/Basel-Grotesk-Regular.CCRDK1ZH.woff)format("woff");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Basel Grotesk;src:url(/_astro/Basel-Grotesk-Medium.Brl70ine.woff2)format("woff2"),url(/_astro/Basel-Grotesk-Medium.CN6AvSS2.woff)format("woff");font-weight:700;font-style:normal;font-display:swap}@media (prefers-color-scheme:dark){:root{--foreground-rgb:205, 205, 205;--background-rgb:15, 15, 15;--theme-rgb:0, 30, 125;--glass-tint:40%;--line-color:#ffffff1a}}*{box-sizing:border-box;text-wrap:pretty;margin:0;padding:0}html{scroll-behavior:smooth}html,body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Basel Grotesk,sans-serif;font-size:112.5%;line-height:1.25;overflow-x:clip}body{color:rgb(var(--foreground-rgb));background:rgb(var(--background-rgb));padding:var(--spacing-3)}main{isolation:isolate;font-size:var(--text-normal);float:right;width:50%;position:relative}p{margin:0 0 var(--spacing-3) 0;padding-right:var(--spacing-3);text-wrap:balance}a{color:rgb(var(--foreground-rgb));transition:color .2s ease-out,scale .3s ease-out;display:inline-block}p a{display:inline}p a:active{display:inline-block}a:active{scale:.92}.logoLink:active{scale:none}.logoLink:active .logotype{translate:2.5% 2.5%;scale:.95}.showreelWrapper:active .showreel{scale:.98}@media (hover:hover) and (pointer:fine){a:hover,.more:hover,.modalClose:hover{color:var(--theme-ink,rgb(var(--foreground-rgb)));text-decoration:none}}button{padding:var(--spacing-01);cursor:pointer;background-color:rgba(var(--background-rgb), .95);color:rgba(var(--foreground-rgb), 1);font-size:var(--text-normal);border:0;border-radius:.1rem;margin-left:-.25rem;font-family:inherit;text-decoration:underline;transition:all .3s ease-out;display:block}button:active{transform:scale(.92)}.logotype{transition:scale .3s ease-out,translate .3s ease-out}ul{float:left;width:50%;padding-right:var(--spacing-3);margin-bottom:var(--spacing-3);list-style:none}li:before{content:" ·";z-index:-1;margin:0 0 0 -1rem;font-weight:700;position:absolute}h1,h2,h3,h4,h5,h6{font-weight:700;font-size:var(--text-normal);margin-bottom:var(--spacing-3);text-wrap:balance}h1{font-size:var(--text-xlarge);margin-bottom:var(--spacing-5);line-height:1}address{float:left;width:100%;font-style:normal;font-size:var(--text-large);--_at:100%;padding-bottom:var(--spacing-4);padding-top:var(--spacing-3);position:relative}address div{float:left;width:50%}address h3,address h4{font-size:var(--text-large);margin:0}address h4{font-weight:400}address a.tel-en{margin-left:-.25rem}@media (width>=1800px){:root{--page-pad:var(--spacing-5)}body{padding:var(--page-pad)}}@media (width>=1440px){html,body{font-size:calc(100% + .15vw)}}@media (width<=1000px){html,body{font-size:calc(90% + .5vw)}main{margin-top:var(--spacing-5);padding-top:var(--spacing-5);background-color:rgb(var(--background-rgb));background-clip:content-box;width:100%}.page{margin:0 calc(-1 * var(--spacing-3));padding:0 var(--spacing-3);overflow-x:clip}h1{margin-bottom:var(--spacing-5);font-size:min(2.25rem,7.6vw)}address div,footer div{width:100%;margin-bottom:var(--spacing-2)}footer div{margin-bottom:0}.footerWrapper:not(.footerWrapperModal){margin-bottom:calc(120px + var(--spacing-3))}address{--_pad:var(--spacing-5);padding-top:var(--_pad);padding-bottom:var(--_pad)}address div:last-of-type{margin-bottom:0}p{padding-right:0}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(50px)scale(1.05)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes logoEntrance{0%{transform:translateY(calc(50dvh - var(--logo-top) - var(--logo-height) * 1.26)) scale(1.5)}to{transform:translateY(0)scale(1)}}@keyframes coverShrink{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(0)}}@keyframes coverLand{0%{clip-path:inset(0)}to{clip-path:inset(var(--land-t) var(--land-r) var(--land-b) var(--land-l) round 4px)}}@keyframes logoAboveIntro{0%{z-index:99999}to{z-index:-3}}@keyframes contentFadeIn{0%{opacity:0;transform:translateY(50px)}to{opacity:1;transform:translateY(0)}}@keyframes footerFadeIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}}@keyframes fadeOut{to{opacity:0}}.about div div{float:left;width:50%;margin-top:var(--spacing-2)}.about{float:left;margin-bottom:var(--spacing-6)}.about div p{text-wrap:balance}.section{float:left;width:100%;margin:0 0 var(--spacing-6) 0;padding-top:var(--spacing-6);position:relative}address{--bx:50%;--by:0px;--bw:0px}.section:before,address:after{content:"";left:0;right:0;top:var(--_at,0px);background:var(--line-color);pointer-events:none;height:1px;position:absolute}@supports (clip-path:shape(from 0 0, line to 1px 1px)){.section:before,address:after{--_band:10rem;--_a:calc(var(--bx,50%) - var(--bw,0px) / 2);--_b:calc(var(--bx,50%) + var(--bw,0px) / 2);--_y:calc(var(--_band) + var(--by,0px) + var(--sy,0px));top:calc(var(--_at,0px) - var(--_band));height:calc(var(--_band) + 3rem + 1px);clip-path:shape(from 0 var(--_band), curve to var(--_a) var(--_y) with calc(var(--_a) / 2) var(--_band) / calc(var(--_a) / 2) var(--_y), line to var(--_b) var(--_y), curve to 100% var(--_band) with calc((var(--_b) + 100%) / 2) var(--_y) / calc((var(--_b) + 100%) / 2) var(--_band), line to 100% calc(var(--_band) + 1px), curve to var(--_b) calc(var(--_y) + 1px) with calc((var(--_b) + 100%) / 2) calc(var(--_band) + 1px) / calc((var(--_b) + 100%) / 2) calc(var(--_y) + 1px), line to var(--_a) calc(var(--_y) + 1px), curve to 0 calc(var(--_band) + 1px) with calc(var(--_a) / 2) calc(var(--_y) + 1px) / calc(var(--_a) / 2) calc(var(--_band) + 1px), close);transition:clip-path .8s linear(0, .55 10%, 1.1 24%, 1.12 30%, .98 48%, 1.01 66%, 1)}.section[data-pluck]:before,address[data-pluck]:after{transition:clip-path .25s ease-out}}.coverBG,.inlineFullscreen,.aboutDialog::backdrop{background-color:color-mix(in srgb, color-mix(in srgb, rgb(var(--theme-rgb)) var(--glass-tint), rgb(var(--background-rgb))) var(--glass-opacity), transparent);background-image:var(--grain);background-blend-mode:soft-light;backdrop-filter:var(--glass-blur);transition:background-color 1s ease-out}.hoverMarks{z-index:-1;pointer-events:none;position:absolute;top:0;left:0}.hoverMark{background:rgb(var(--theme-rgb));translate:clamp(-5px, var(--lx,0px) / 10, 5px) clamp(-2px, var(--ly,0px) / 5, 2px);transform-origin:0;transition:scale .3s ease-out,translate .2s ease-out,background-color 1s ease-out;position:absolute}@starting-style{.hoverMark{scale:0 1}}.hoverMarks.out .hoverMark{transform-origin:100%;scale:0 1;transition-delay:0s!important}@media (hover:hover) and (pointer:fine){.more,.modalClose{background-color:#0000}}.logoLink{display:block}.logoLink:focus-visible{box-shadow:none;outline:none}.logoLink:focus-visible .logotype{outline:2px solid rgb(var(--foreground-rgb));outline-offset:4px;box-shadow:0 0 0 4px rgb(var(--background-rgb)), 0 0 0 8px rgb(var(--theme-rgb))}.logotype{z-index:99999;--logo-top:var(--spacing-5);--logo-height:var(--spacing-6);top:var(--logo-top);height:var(--logo-height);transform-origin:0 0;--amp-frame:.14s;--amp-pass:calc(13 * var(--amp-frame));--amp-intro-passes:.4615;width:auto;animation:.5s cubic-bezier(.2,1,.35,1) 1s both logoEntrance;position:fixed}.ampReel{visibility:hidden}.ampReel,.ampFinal{animation-duration:var(--amp-pass);animation-timing-function:step-end;animation-iteration-count:var(--amp-intro-passes)}.ampReel{animation-name:ampShuffle,ampVisible;animation-timing-function:steps(13,end),step-end}.ampFinal{animation-name:ampHidden}.logoLink:is(:hover,:focus-visible) .ampReel{animation-name:ampShuffle,ampVisible,ampShuffleAgain,ampVisibleAgain;animation-timing-function:steps(13,end),step-end,steps(13,end),step-end;animation-iteration-count:var(--amp-intro-passes), var(--amp-intro-passes), infinite, infinite}.logoLink:is(:hover,:focus-visible) .ampFinal{animation-name:ampHidden,ampHiddenAgain;animation-iteration-count:var(--amp-intro-passes), infinite}:is(.aboutDialog,.no-intro) :is(.ampReel,.ampFinal){animation-name:none}:is(.aboutDialog,.no-intro) .logoLink:is(:hover,:focus-visible) .ampReel{animation-name:none,none,ampShuffleAgain,ampVisibleAgain}:is(.aboutDialog,.no-intro) .logoLink:is(:hover,:focus-visible) .ampFinal{animation-name:none,ampHiddenAgain}@keyframes ampShuffle{to{transform:translate(-390px)}}@keyframes ampShuffleAgain{to{transform:translate(-390px)}}@keyframes ampVisible{0%,to{visibility:visible}}@keyframes ampVisibleAgain{0%,to{visibility:visible}}@keyframes ampHidden{0%,to{visibility:hidden}}@keyframes ampHiddenAgain{0%,to{visibility:hidden}}.coverBG{z-index:1;pointer-events:none;--glass-tint:90%;--glass-opacity:90%;background-image:var(--grain-faint);transform-origin:0 100%;width:100%;height:100%;animation:1.5s cubic-bezier(.34,1.56,.64,1) 1s both coverShrink;position:fixed;top:0;left:0;overflow:hidden}.avatar{z-index:-2;pointer-events:none;width:150px;height:150px;translate:clamp(16px, calc(var(--mx,100vw) - 50px), calc(100vw - 166px)) clamp(16px, calc(var(--my,100vh) - 110px), calc(100vh - 166px));border-radius:2px;transition:translate .15s ease-out,scale .35s ease-out;display:none;position:fixed;top:0;left:0;scale:.8}@media (hover:hover) and (pointer:fine){.avatar{display:block}}body:has(address:hover) .avatar{scale:1}.avatarMask{clip-path:inset(0 100% 0 0);border-radius:2px;width:100%;height:100%;transition:clip-path .35s ease-in-out;position:relative;overflow:hidden}body:has(address:hover) .avatarMask{clip-path:inset(0 0% 0 0)}.avatarImg{object-fit:cover;background-color:rgb(var(--theme-rgb));opacity:0;width:100%;height:100%;transition:background-color 1s ease-out,opacity 0s .35s;display:block;position:absolute;inset:0}body:has(address[data-who=atli]:hover) .avatarImg[data-who=atli],body:has(address[data-who=sammi]:hover) .avatarImg[data-who=sammi]{opacity:1;z-index:1;transition:background-color 1s ease-out}.main-content{--load:1.1s;opacity:0;animation:contentFadeIn .25s ease-in var(--load) both}@keyframes contentShow{0%{opacity:0}to{opacity:1}}@keyframes loadUp{0%{opacity:0;translate:0 1.5rem}}@media (prefers-reduced-motion:no-preference){.main-content{animation-name:contentShow}.main-content .about>:is(h1,.more),.main-content .about>div p{animation:.5s cubic-bezier(.2,.7,.3,1) backwards loadUp;animation-delay:calc(var(--load) + var(--i,0) * 70ms)}.main-content .about>div>div:first-child>p:first-child{--i:1}.main-content .about>div>div:last-child>p:first-child{--i:2}.main-content .about>.more{--i:3}}.showreel{object-fit:cover;object-position:center center;z-index:9;view-transition-name:showreel;border-radius:4px;width:100%;height:100%;transition:transform .4s,scale .3s ease-out;position:absolute;inset:0;transform:scale(1)}.showreelShadowScroll{z-index:8;pointer-events:none;will-change:transform;position:absolute;inset:0}.showreelShadow{background:rgb(var(--theme-rgb));will-change:transform;transform:translate3d(calc((var(--mx,calc(50vw + 12rem)) - 50vw) / 12), calc((var(--my,calc(50vh + 12rem)) - 50vh) / 12), 0);border-radius:4px;transition:transform .25s ease-out;position:absolute;inset:0}.showreelShadowScroll{transition:opacity .3s ease-out .4s}.inlineFullscreen .showreelShadowScroll{opacity:0;transition:none}@keyframes shadowDrift{to{transform:translate3d(0, var(--drift), 0)}}@supports (animation-timeline:scroll()){@media (prefers-reduced-motion:no-preference){.showreelShadowScroll{--drift:-8px;animation:linear both shadowDrift scroll(root)}}}@keyframes captionStepA{0%{opacity:0;transform:translateY(.75rem)}}@keyframes captionStepB{0%{opacity:0;transform:translateY(.75rem)}}.videoCaption>span{--_d:.3s;display:inline-block}.videoCaption>.mainCaption{--_d:.42s}.inlineFullscreen .videoCaption>span{animation:captionStepA .45s cubic-bezier(.2, .7, .3, 1) var(--_d) both}.showreelWrapper[data-toggled]:not(.inlineFullscreen) .videoCaption>span{animation:captionStepB .45s cubic-bezier(.2, .7, .3, 1) var(--_d) both}.showreelWrapper{cursor:pointer;aspect-ratio:4/3;width:40vw;bottom:var(--spacing-5);opacity:0;animation:.5s ease-out 1s both fadeInUp;position:fixed}@media (width>=1001px){.coverBG{display:none}.showreelWrapper{z-index:2;left:var(--page-pad);opacity:1;animation:.95s cubic-bezier(.5,0,.1,1) 1.6s backwards showreelIntro;transform:scale(1)}.showreelWrapper:before,.showreelWrapper:after{content:"";pointer-events:none;position:absolute;inset:0}.showreelWrapper:before{background:rgb(var(--theme-rgb));animation:.3s ease-out 2.5s both fadeOut}.showreelWrapper:after{z-index:10;--glass-tint:100%;--glass-opacity:70%;background-color:color-mix(in srgb, color-mix(in srgb, rgb(var(--theme-rgb)) var(--glass-tint), rgb(var(--background-rgb))) var(--glass-opacity), transparent);background-image:var(--grain-faint);background-blend-mode:soft-light;animation:.75s ease-out 1.75s both fadeOut}.showreel,.showreelShadow{animation:.9s ease-out .1s backwards showreelIn,.85s ease-out 1.7s backwards showreelDefrost}.videoCaption{--caption-load:2s}.fullscreenToggle,.playToggle{animation:.3s ease-out 2.5s backwards showreelIn}.logotype{--amp-intro-passes:.8462;animation:.95s cubic-bezier(.5,0,.15,1.2) 1.6s both logoEntrance}.main-content{--load:1.9s}.footerWrapper,.page .languageToggle{animation-delay:2.3s}}@keyframes showreelIntro{0%{width:max(100vw,133.333vh);bottom:min(0px,50vh - 37.5vw);left:min(0px,50vw - 66.6667vh)}}@keyframes showreelIn{0%{opacity:0}}@keyframes showreelDefrost{0%{filter:blur(40px)saturate(1.4);border-radius:0}}.videoCaption,.caption{z-index:999;font-size:var(--text-tiny);opacity:0;letter-spacing:.5px;width:100%;font-weight:700;transition:opacity .5s .5s;position:fixed;bottom:-2.5rem}.caption{opacity:1;bottom:2rem}.videoCaption .mainCaption{float:right;width:50%;font-weight:400;position:relative}.videoCaption.visible{opacity:1;transition:none}.videoCaption>.mainCaption{--_i:1}.showreelWrapper:not([data-toggled]) .videoCaption.visible>span{animation:.5s cubic-bezier(.2,.7,.3,1) backwards loadUp;animation-delay:calc(var(--caption-load,1.1s) + var(--_i,0) * .12s)}.fullscreenToggle,.playToggle{text-indent:-200rem;z-index:10;color:#fff;cursor:pointer;background-color:#0000;background-image:url("data:image/svg+xml,%3csvg%20width='56'%20height='56'%20viewBox='0%200%2056%2056'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3crect%20width='56'%20height='56'%20rx='5'%20fill='black'/%3e%3cpath%20d='M12%2044L24.5%2032M12%2044V27M12%2044H29'%20stroke='white'%20stroke-width='4'/%3e%3cpath%20d='M44%2012L31.5%2024M44%2012L44%2029M44%2012L27%2012'%20stroke='white'%20stroke-width='4'/%3e%3c/svg%3e");background-position:50%;background-repeat:no-repeat;background-size:1rem;border:none;border-radius:.25rem;width:1.5rem;height:1.5rem;margin:0;padding:0;transition:transform .3s;position:absolute;top:.75rem;right:.25rem;overflow:hidden}.playToggle{background-image:url("data:image/svg+xml,%3csvg%20width='56'%20height='56'%20viewBox='0%200%2056%2056'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3crect%20width='56'%20height='56'%20rx='5'%20fill='black'/%3e%3cpath%20d='M21%2014V42M35%2014V42'%20stroke='white'%20stroke-width='6'/%3e%3c/svg%3e");right:1.75rem}.playToggle[data-paused]{background-image:url("data:image/svg+xml,%3csvg%20width='56'%20height='56'%20viewBox='0%200%2056%2056'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3crect%20width='56'%20height='56'%20rx='5'%20fill='black'/%3e%3cpath%20d='M20%2014L42%2028L20%2042Z'%20fill='white'/%3e%3c/svg%3e")}.showreelWrapper>.playToggle:not(:focus-visible){opacity:0;pointer-events:none}.showreelWrapper:hover>.fullscreenToggle{transform:scale(1.18)}.showreelWrapper:active>.fullscreenToggle{transform:scale(1)}.inlineFullscreen .playToggle{display:none}.inlineFullscreen .fullscreenToggle{background-image:url("data:image/svg+xml,%3csvg%20width='56'%20height='56'%20viewBox='0%200%2056%2056'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3crect%20width='56'%20height='56'%20rx='5'%20fill='black'/%3e%3cpath%20d='M23%2033L10.5%2045M23%2033L23%2050M23%2033L6%2033'%20stroke='white'%20stroke-width='4'/%3e%3cpath%20d='M33%2023L45.5%2011M33%2023L33%206M33%2023L50%2023'%20stroke='white'%20stroke-width='4'/%3e%3c/svg%3e")}.inlineFullscreen .fullscreenToggle:hover{transform:scale(.9)}.inlineFullscreen{z-index:900;box-sizing:border-box;flex-direction:column;justify-content:center;align-items:center;gap:1rem;width:100vw;padding:1.5rem 1rem;display:flex;position:fixed;top:0;left:0;height:100vh!important}.inlineFullscreenContent{flex-flow:row-reverse wrap;align-content:center;width:100%;height:100vh;display:flex}.showreelWrapper.inlineFullscreen .showreel{aspect-ratio:4/3;object-fit:contain;width:auto;max-height:80vh;margin:auto;display:block;position:relative;transform:scale(1.12)}.showreelWrapper.inlineFullscreen .videoCaption{width:95vw;margin:0 4rem;position:relative;bottom:-4rem}.inlineFullscreen .showreel::-webkit-media-controls{opacity:0;transition:opacity .2s}.inlineFullscreen .showreel:hover::-webkit-media-controls{opacity:1}.inlineFullscreen .showreel::-webkit-media-controls-panel{background:#00000012}.inlineFullscreenContent:hover .showreel::-webkit-media-controls,.inlineFullscreenContent:hover .showreel::-webkit-media-controls-panel{opacity:1}.footerWrapper{gap:var(--spacing-3);opacity:0;width:100%;margin-bottom:-20rem;animation:.45s ease-in-out 1.5s both footerFadeIn;display:flex}.footerWrapperModal{z-index:1;opacity:1;width:100%;margin-bottom:0;animation:none;position:relative;bottom:auto}.footerWrapper div{line-height:1.5;font-size:var(--text-tiny);color:rgba(var(--foreground-rgb), .7);bottom:var(--spacing-3);font-family:monospace;position:relative}.footerWrapper a{color:inherit;text-underline-offset:.08em;text-decoration-thickness:.06em}@media (hover:hover) and (pointer:fine){.footerWrapper a:hover{color:var(--theme-ink,rgb(var(--foreground-rgb)))}}.footerWrapper>div:first-child,.footerWrapper>div:not(:first-child){flex:2}.languageToggle{z-index:99999;top:var(--spacing-5);right:var(--page-pad);font-size:var(--text-tiny);font-family:monospace;animation:.45s ease-in-out 1.5s both footerFadeIn;position:fixed}.aboutDialog .languageToggle{animation:none}@media (width<=1200px){.languageToggle{top:var(--spacing-3)}}.aboutPage{float:right;width:50%}.aboutPage .section:first-child:before{display:none}.aboutPage .section:first-child{padding-top:0}.about .more{float:left;clear:both;font-weight:700;font-size:var(--text-normal);font-family:inherit;text-decoration:underline}.aboutHeroImage{height:calc(100vh - (var(--spacing-5) * 2));width:calc(50vw - var(--spacing-5));pointer-events:none;animation:.5s ease-out forwards fadeInUp;position:relative}.heroWipeMask{clip-path:inset(0 0% 0 0);width:100%;height:100%;transition:clip-path .35s ease-in-out 50ms;position:relative;overflow:hidden}@starting-style{.aboutDialog[open] .heroWipeMask{clip-path:inset(0 100% 0 0)}}.aboutDialog:not([open]) .heroWipeMask{clip-path:inset(0 100% 0 0)}.aboutDialog .heroImg{transition:filter .5s ease-out .1s}@starting-style{.aboutDialog[open] .heroImg{filter:blur(40px)saturate(1.4)}}.aboutDialog:not([open]) .heroImg{filter:blur(40px)saturate(1.4)}.heroImg{object-fit:contain;object-position:bottom left;pointer-events:none;border-radius:4px;width:100%;height:100%;display:block}.moreGrid{grid-template-columns:1fr 1fr;gap:0;width:100%;display:grid}.cvChapter{display:flow-root}.moreCard ul{width:100%;padding-right:0}.moreCard ul li{margin-bottom:var(--spacing-2)}.moreCard span,.moreCard div{display:block}.awards{column-gap:0;row-gap:var(--spacing-2);grid-template-columns:repeat(2,1fr);grid-auto-flow:row;display:grid}.awards *{text-wrap:balance}.awards h3,.moreCard h4{margin-bottom:0}.awards ul{width:100%;padding-right:0}.modalClose{cursor:pointer;z-index:1;font-family:inherit;font-size:var(--text-normal);margin-bottom:var(--spacing-6);background-color:#0000;border:0;display:block}.aboutDialog{width:100%;max-width:none;height:100%;max-height:none;padding:var(--spacing-3);overscroll-behavior:contain;scroll-behavior:smooth;color:rgb(var(--foreground-rgb));transition:display .25s allow-discrete, overlay .25s allow-discrete;background:0 0;border:0;margin:0;font-size:1rem;overflow:hidden auto}.aboutDialog>:not(.logoLink,.languageToggle){transition:opacity .25s ease-out,translate .25s ease-out}.aboutDialog:not([open])>:not(.logoLink,.languageToggle){opacity:0;translate:0 16px}@starting-style{.aboutDialog[open]>:not(.logoLink,.languageToggle){opacity:0;translate:0 24px}}.aboutDialog::backdrop{opacity:0;transition:opacity .25s ease-out, background-color 1s ease-out, display .25s allow-discrete, overlay .25s allow-discrete}.aboutDialog[open]::backdrop{opacity:1}@media (prefers-color-scheme:dark){.aboutDialog,.aboutDialog::backdrop{--glass-tint:100%}}@starting-style{.aboutDialog[open]::backdrop{opacity:0}}.aboutJump{clear:both;float:left;margin-top:var(--spacing-2)}.aboutJump ol{gap:var(--spacing-1) var(--spacing-3);counter-reset:toc;flex-wrap:wrap;list-style:none;display:flex}.aboutJump li:before{content:none}@media (width<=1000px){.aboutJump ol{flex-direction:column}.aboutJump li{counter-increment:toc}.aboutJump li:before{content:counter(toc) ".";font-variant-numeric:tabular-nums;min-width:1.5em;margin:0;font-weight:400;display:inline-block;position:static}}.aboutDialog .section{scroll-margin-top:var(--spacing-3)}html:has(.aboutDialog[open]){overflow:hidden}.aboutDialog .logotype{animation:none}.modalCloseTop{display:none}@media (width<=1000px){.aboutDialog>.logoLink{z-index:2;height:calc(var(--spacing-6) + 100vw - var(--spacing-3));padding:var(--spacing-3) 0 0 var(--spacing-3);pointer-events:none;position:absolute;top:0;left:0}.aboutDialog .logotype{pointer-events:auto;position:sticky;top:0}.aboutDialog .aboutHeroImage{z-index:3;margin-top:calc(var(--spacing-6) - var(--spacing-3))}@media (pointer:coarse){.aboutDialog .modalCloseTop:focus-visible{box-shadow:none;outline:none}}.aboutDialog .modalCloseTop{top:var(--spacing-3);left:calc(var(--spacing-3) + (100vw - var(--spacing-3)) / 2);z-index:99999;font-size:var(--text-tiny);font-family:monospace;line-height:inherit;margin:0;padding:0;display:block;position:fixed}.aboutDialog .about .modalClose{display:none}.aboutDialog .about h1{margin-top:var(--spacing-5)}.aboutDialog .heroImg{object-position:50% 50%}.moreGrid{grid-template-columns:1fr}.moreCard{margin-bottom:var(--spacing-4)}.cvChapter{margin-bottom:calc(var(--spacing-4) * 2)}.cvChapter ul{float:none;column-gap:var(--spacing-3);grid-template-columns:1fr 1fr;margin-bottom:0;display:grid}.cvChapter li{min-width:0}.aboutDialog .caption{margin-top:var(--spacing-1);position:static}}@media (width>=1800px){.aboutDialog{padding:var(--spacing-5)}}.about a[data-tooltip]{position:relative}.about a[data-tooltip]:after{content:attr(data-tooltip);min-width:15rem;max-width:26rem;padding:var(--spacing-1) var(--spacing-1) calc(var(--spacing-1) + 1rem);background:rgba(var(--background-rgb), .97);color:rgb(var(--foreground-rgb));font-size:var(--text-small);opacity:0;pointer-events:none;z-index:1000;border-radius:.4rem;line-height:1.4;transition:opacity .2s,transform .2s;position:absolute;bottom:calc(100% + .25rem);left:50%;transform:translate(-50%)translateY(.25rem);box-shadow:0 .15rem .25rem #00000014}.about a[data-tooltip]:before{content:attr(data-url);box-sizing:border-box;text-align:left;min-width:15rem;max-width:26rem;font-size:var(--text-tiny);color:rgba(var(--foreground-rgb), .7);white-space:nowrap;text-overflow:ellipsis;opacity:0;pointer-events:none;z-index:1001;padding:0;font-family:monospace;transition:opacity .2s .1s,transform .2s .3s;position:absolute;bottom:calc(100% + .75rem);left:50%;overflow:hidden;transform:translate(-50%)translateY(.25rem)}@media (hover:hover){.about a[data-tooltip]:hover:after,.about a[data-tooltip]:hover:before{opacity:1;transition-delay:.25s;transform:translate(-50%)translateY(0)}}::view-transition-old(showreel),::view-transition-new(showreel){animation-duration:.4s;animation-timing-function:ease}.showreelDocking{view-transition-name:none}.showreelDocking::view-transition{pointer-events:none}.showreelDocking .showreelShadow{view-transition-name:showreel-shadow}.showreelDocking .playToggle{view-transition-name:showreel-play}.showreelDocking .fullscreenToggle{view-transition-name:showreel-fullscreen}.showreelDocking::view-transition-group(*),.showreelDocking::view-transition-old(*),.showreelDocking::view-transition-new(*){animation-duration:.7s;animation-timing-function:cubic-bezier(.5,0,.1,1)}@media (width>=1800px){.aboutHeroImage img{object-fit:contain;object-position:top left;width:auto}}@media (width>=1000px){.education{margin-bottom:14.5rem}.aboutHeroImage{top:var(--spacing-5);position:fixed}}@media (width<=1800px){.about{margin-top:var(--spacing-3)}.showreelWrapper.inlineFullscreen .videoCaption{width:100%;margin:0 .5rem}}@media (width<=1200px){.about{margin-top:0}.about div div{width:100%;margin:0}.logotype{--logo-top:var(--spacing-3)}}@media (width<=1000px){.logotype{z-index:-3;--logo-height:var(--spacing-5);animation:.9s cubic-bezier(.65,0,.25,1.15) 1s both logoEntrance,2.6s step-end both logoAboveIntro,linear both fadeOut scroll(root);animation-range:normal,normal,80px 160px;position:fixed}.no-intro .page .logotype{animation:linear both fadeOut scroll(root)!important;animation-range:80px 160px!important}.showreel{z-index:3;width:90vw;height:90vw;min-height:auto;position:relative}.showreelShadowScroll{z-index:-4;width:90vw;height:90vw;inset:0 auto auto 0}.showreelShadow{transform:translate3d(clamp(-1 * var(--spacing-3), -.5rem + (var(--mx,50vw) - 50vw) / 8, 10vw - var(--spacing-3)), clamp(-2rem, .5rem + (var(--my,50dvh) - 50dvh) / 5, 2rem), 0)}.showreelWrapper{top:var(--spacing-6);z-index:auto;float:left;width:100%;position:relative}.videoCaption{margin-top:var(--spacing-1);position:relative;top:-.25rem}.coverBG{transform-origin:50%}.aboutPage{width:100%}.aboutHeroImage{width:100%;height:auto}.aboutHeroImage img{margin-top:var(--spacing-3);aspect-ratio:1;object-fit:cover}.moreGrid,.awards{column-gap:var(--spacing-3)}.moreGrid>*,.awards>*{min-width:0}.moreGrid,.awards,.section ul{overflow-wrap:break-word;hyphens:manual}}@media (prefers-color-scheme:dark){.logotype{filter:invert(.85)}.showreelShadow{opacity:.8}.aboutDialog .logotype{mix-blend-mode:difference}.logotype{z-index:3}}html:has(.inlineFullscreen) .page .logotype{filter:invert(var(--glass-ink-invert,0));z-index:99999!important;opacity:1!important}@media (prefers-color-scheme:dark){html:has(.inlineFullscreen) .page .logotype{filter:invert(var(--glass-ink-invert,.85))}.inlineFullscreen .videoCaption,html:has(.inlineFullscreen) .page .languageToggle{color:#fff}}.no-intro :where(.coverBG,.showreelWrapper,.showreel,.fullscreenToggle,.playToggle,.videoCaption.visible,.videoCaption.visible>span,.page .logotype,.page .languageToggle),.no-intro .showreelWrapper:before,.no-intro .showreelWrapper:after,.no-intro .showreelShadow{animation-duration:0s!important;animation-delay:0s!important}.no-intro .main-content{--load:50ms;animation-duration:.45s;animation-timing-function:cubic-bezier(.2,.7,.3,1)}.no-intro .footerWrapper{animation-delay:.25s}@media (width<=1000px){.coverBG{z-index:3;--glass-opacity:55%}.coverBG.land{animation:.9s cubic-bezier(.65,0,.25,1) 1s both coverLand,.4s ease-out 1.85s both fadeOut}.showreelWrapper{opacity:1;animation:.4s ease-out .1s backwards showreelIn}.showreel{animation:1.2s ease-out 1.1s backwards showreelDefrost}.fullscreenToggle,.playToggle{animation:.3s ease-out 2.2s backwards showreelIn}}@keyframes fillOnScroll{to{scale:var(--fill-scale,1.15);translate:var(--fill-shift,0) 0;border-radius:0}}@supports (animation-timeline:view()){@media (width<=1000px) and (prefers-reduced-motion:no-preference){.showreel{transform-origin:50% 100%;--fill-scale:1.1111;--fill-shift:calc(5vw - var(--spacing-3));animation:1.2s ease-out 1.1s backwards showreelDefrost,linear both fillOnScroll view();animation-range:normal,exit exit 70%}.no-intro .showreel{animation-duration:0s, auto!important;animation-delay:0s,0s!important}.showreelShadowScroll{--drift:-8px;animation:linear both shadowDrift view();animation-range:exit exit 70%}.showreelShadow{animation:linear both fadeOut view();animation-range:exit exit 70%}.showreelWrapper.docked .showreelShadow{animation:none}.no-intro .showreelShadow{animation-duration:auto!important}.aboutDialog .heroWipeMask{transform-origin:50% 100%;animation:linear both fillOnScroll view();animation-range:exit exit 70%}}}@property --untuck{syntax:"<number>";inherits:false;initial-value:1}@property --drift-now{syntax:"<length>";inherits:true;initial-value:0}@keyframes driftNow{to{--drift-now:var(--drift)}}.showreelSlot{display:none}@media (width<=1000px){.showreelSlot{visibility:hidden;pointer-events:none;width:90vw;height:90vw;display:block;position:absolute;top:0;left:0}.showreelWrapper.docked:not(.inlineFullscreen) #fullscreen-content:before{content:"";width:90vw;height:90vw;display:inline-block}.showreelWrapper.docked .videoCaption{opacity:0}.showreelWrapper.docked .videoCaption,.showreelDocking .showreelWrapper .videoCaption.visible{transition:opacity .3s ease-out}.showreelWrapper.docked:not(.inlineFullscreen) :is(.showreel,.showreelShadowScroll){inset:auto var(--page-pad) calc(var(--page-pad) + env(safe-area-inset-bottom,0px)) auto;width:120px;height:120px;position:fixed;translate:var(--dock-x,0px) var(--dock-y,0px)!important}.showreelWrapper.docked:not(.inlineFullscreen) .showreel{z-index:50;touch-action:none;transform-origin:50%;transition:transform .35s cubic-bezier(.34,1.56,.64,1);border-radius:4px!important;scale:none!important}.showreelWrapper.docked:not(.inlineFullscreen) .showreelShadowScroll{z-index:49;transition:scale .35s cubic-bezier(.34,1.56,.64,1)}.showreelWrapper.docked.held:not(.inlineFullscreen) .showreel{transform:scale(1.33333)}.showreelWrapper.docked.held:not(.inlineFullscreen) .showreelShadowScroll{scale:1.33333}.showreelWrapper.docked:not(.inlineFullscreen)>:is(.fullscreenToggle,.playToggle){--dock-right:.25rem;inset:auto calc(var(--page-pad) + var(--dock-right)) calc(var(--page-pad) + env(safe-area-inset-bottom,0px) + 120px - .25rem) auto;translate:var(--dock-x,0px) calc(var(--dock-y,0px) + 100%);z-index:51;transform-origin:calc(100% + var(--dock-right) - 60px) calc(60px - .25rem);transition:transform .35s cubic-bezier(.34,1.56,.64,1);position:fixed;transform:none}.showreelWrapper.docked:not(.inlineFullscreen)>.playToggle{--dock-right:1.75rem}.showreelWrapper.docked:not(.inlineFullscreen)>.fullscreenToggle{pointer-events:none}.showreelWrapper.docked.held:not(.inlineFullscreen)>:is(.fullscreenToggle,.playToggle){transform:scale(1.33333)}.showreelWrapper.docked .showreelShadow{transform:translate3d(calc(var(--untuck) * (.5rem + (var(--mx,50vw) - 50vw) / 30)), calc(var(--untuck) * (.5rem + clamp(-.75rem, (var(--my,50dvh) - 50dvh) / 22, .75rem) + var(--drift-now))), 0);transition:--untuck .25s ease-out,opacity .3s ease-out}.showreelWrapper.docked.dragging .showreelShadow{--untuck:0}.showreelShadow{transition:opacity .3s ease-out}}@supports (animation-timeline:scroll()){@media (width<=1000px) and (prefers-reduced-motion:no-preference){.showreelWrapper.docked .showreelShadowScroll{--drift:-.5rem;animation:linear both driftNow scroll(root)}}}.section>ul{width:calc(50% - var(--spacing-3) / 2);padding-right:0}.section>ul+ul{margin-left:var(--spacing-3)}.aboutClients{display:none}@media (width<=1000px){.aboutClients{clear:both;display:block}}.stickyTitle>.stickyPart{display:inline}@media (width<=1000px){.stickyTitle{display:contents}.stickyTitle>.stickyPart{z-index:3;display:inline-block;position:sticky;top:calc(1px - .43rem)}.section>.stickyTitle>.stickyPart{width:fit-content;display:block}.moreCard>.stickyTitle+.cvChapter,.section>.stickyTitle+.awards,.section>.stickyTitle~ul{margin-top:var(--spacing-3)}.aboutDialog[open]:before{content:"";z-index:2;pointer-events:none;--_c:color-mix(in srgb, rgb(var(--theme-rgb)) var(--glass-tint), rgb(var(--background-rgb)));background:linear-gradient(color-mix(in srgb, var(--_c) 97%, transparent) 0%, color-mix(in srgb, var(--_c) 88%, transparent) 25%, color-mix(in srgb, var(--_c) 45%, transparent) 50%, color-mix(in srgb, var(--_c) 14%, transparent) 75%, transparent 100%);height:6rem;position:fixed;top:0;left:0;right:0}@media (prefers-color-scheme:dark){.aboutDialog[open]:before{--_c:color-mix(in srgb, color-mix(in srgb, rgb(var(--theme-rgb)) var(--glass-tint), rgb(var(--background-rgb))), white 12%)}}@supports (animation-timeline:scroll()){.aboutDialog[open]:before{animation:linear both fadeIn --about;animation-range:0 40vh}}}.inlineAvatar{display:none}@media (width<=1000px),(hover:none){address{padding-left:calc(3.5rem + var(--spacing-2))}.inlineAvatar{left:0;top:calc(var(--_pad,var(--spacing-3)) + .15rem);object-fit:cover;background-color:rgb(var(--theme-rgb));border-radius:3px;width:3.5rem;height:3.5rem;transition:background-color 1s ease-out;display:block;position:absolute}}@property --sy{syntax:"<length>";inherits:false;initial-value:0}@keyframes revealUp{0%{opacity:0;translate:0 1.5rem}}@keyframes bulletIn{0%{opacity:0;scale:0}}@keyframes lineDraw{0%{--sy:0px;scale:0 1}45%{--sy:-10px;scale:1}65%{--sy:6px}82%{--sy:-2px}to{--sy:0px;scale:1}}@supports (animation-timeline:view()){@media (prefers-reduced-motion:no-preference){.aboutDialog .about p,.aboutJump li,.section>h2,.section>ul>li,address,.awards>div,.moreCard>.cvChapter,.footerWrapper>div{animation:linear both revealUp view();animation-range:entry entry 80%}.section>ul+ul>li{animation-range:entry 30% entry 110%}.section>ul>li,.cvChapter li,.awards li,.aboutJump li{view-timeline:--li block}.section>ul>li:before,.cvChapter li:before,.awards li:before,.aboutJump li:before{animation:linear both bulletIn --li;animation-range:entry 30%}.section>ul+ul>li:before{animation-range:entry 50% cover 12%}.main-content .section>ul>li{animation:linear both revealUp view(),.5s cubic-bezier(.2,.7,.3,1) backwards loadUp;animation-range:entry entry 80%,normal;animation-delay:0s, calc(var(--load) + .4s + var(--li,0) * 55ms)}.main-content .section>ul+ul>li{animation-range:entry 30% entry 110%,normal;animation-delay:0s, calc(var(--load) + .43s + var(--li,0) * 55ms)}.main-content .section>ul>li:before{animation:linear both bulletIn --li,.4s cubic-bezier(.2,.7,.3,1.3) backwards bulletIn;animation-range:entry 30%,normal;animation-delay:0s, calc(var(--load) + .48s + var(--li,0) * 55ms)}.main-content .section>ul+ul>li:before{animation-range:entry 50% cover 12%,normal;animation-delay:0s, calc(var(--load) + .51s + var(--li,0) * 55ms)}.main-content .section>ul>li:first-child{--li:1}.main-content .section>ul>li:nth-child(2){--li:2}.main-content .section>ul>li:nth-child(3){--li:3}.main-content .section>ul>li:nth-child(4){--li:4}.main-content .section>ul>li:nth-child(5){--li:5}.main-content .section>ul>li:nth-child(6){--li:6}.main-content .section>ul>li:nth-child(7){--li:7}.main-content .section>ul>li:nth-child(8){--li:8}.main-content .section>ul>li:nth-child(9){--li:9}.main-content address{animation:linear both revealUp view(),.5s cubic-bezier(.2,.7,.3,1) backwards loadUp;animation-range:entry entry 80%,normal;animation-delay:0s, calc(var(--load) + .9s)}.main-content address+address{animation-delay:0s, calc(var(--load) + 1s)}.section,address{view-timeline:--line block}.section:before,address:after{transform-origin:0;animation:linear both lineDraw --line;animation-range:entry cover 30%}}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;transition-delay:0s!important;animation-duration:.01ms!important;animation-delay:0s!important}html,.aboutDialog{scroll-behavior:auto}}