@font-face{font-family:Inter Variable;src:url(/assets/Inter-VariableFont_slnt_wght-Cl4AQHp9.ttf) format("truetype");font-weight:100 900;font-style:normal}@font-face{font-family:Playfair Display;src:url(/assets/PlayfairDisplay-VariableFont_wght-7tRKCQvy.ttf) format("truetype");font-weight:100 900;font-style:normal}@font-face{font-family:Playfair Display SC;src:url(/assets/PlayfairDisplaySC-Regular-DbGeyLM8.ttf) format("truetype");font-weight:400;font-style:normal}a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:"";content:none}table{border-collapse:collapse;border-spacing:0}a{text-decoration:none;color:inherit}button{background-color:transparent;border:none;color:#eeeff1}*{-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;touch-action:manipulation}html{background-color:#282332}body{font-family:Inter Variable,sans-serif;background-color:#282332;color:#eeeff1;cursor:default}a{font-weight:200;transition:font-weight .3s ease-in-out;line-height:1.1;text-align:end;display:block;cursor:default}a:hover{font-weight:900}header{display:flex;justify-content:space-between;align-items:center;position:fixed;width:100vw;z-index:50;background-color:#282332;background:linear-gradient(180deg,#282332 10%,#0000 70%);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(1px)}header img{padding:20px;filter:drop-shadow(0 0 5px #282332)}header ul{display:flex}header ul li{opacity:.5}header ul li svg{stroke:#eeeff1;width:30px;height:30px;padding:10px}header ul li span{display:none}#hero-bg{position:fixed;bottom:0;left:0;filter:brightness(2);opacity:0;mix-blend-mode:screen}#hero-bg.loaded{animation:fade-in 1s ease-in-out;animation-delay:1.5s;animation-fill-mode:forwards;pointer-events:none}#hero{display:flex;flex-direction:column;text-align:center;height:60vh;justify-content:end}#hero .gradient-wrapper{position:relative}#hero .gradient-wrapper .gradient-cover{position:absolute;background-color:transparent;background:linear-gradient(158deg,#282332 29%,#28233200 74%);background-size:450%;width:100%;height:100%;animation:gradient-reveal 2s;animation-timing-function:ease-in-out;animation-fill-mode:forwards}#hero .logo{height:130px}#hero h1{font-family:Playfair Display,serif;font-size:2rem;margin:0;padding:0;line-height:1.1;font-variant:small-caps}#hero p{display:inline-block;font-weight:100;padding-top:10px;color:#eeeff1}#hero p span{opacity:0;display:inline-block;transition:font-weight .3s;animation:initialBreathAndFadeIn 1s ease-in-out;animation-fill-mode:forwards;animation-delay:1s}#hero p span:nth-of-type(2){animation-delay:1.025s}#hero p span:nth-of-type(3){animation-delay:1.05s}#hero p span:nth-of-type(4){animation-delay:1.075s}#hero p span:nth-of-type(5){animation-delay:1.1s}#hero p span:nth-of-type(6){animation-delay:1.125s}#hero p span:nth-of-type(7){animation-delay:1.15s}#hero p span:nth-of-type(8){animation-delay:1.175s}#hero p span:nth-of-type(9){animation-delay:1.2s}#hero p span:nth-of-type(10){animation-delay:1.225s}#hero p span:nth-of-type(11){animation-delay:1.25s}#hero p span:nth-of-type(12){animation-delay:1.275s}#hero p span:nth-of-type(13){animation-delay:1.3s}#hero p span:nth-of-type(14){animation-delay:1.325s}#hero p span:nth-of-type(15){animation-delay:1.35s}#hero p span:nth-of-type(16){animation-delay:1.375s}#hero p span:nth-of-type(17){animation-delay:1.4s}#hero p span:nth-of-type(18){animation-delay:1.425s}#hero p span:nth-of-type(19){animation-delay:1.45s}#hero p span:nth-of-type(20){animation-delay:1.475s}#hero p span:nth-of-type(21){animation-delay:1.5s}#hero p span:nth-of-type(22){animation-delay:1.525s}#hero p span:nth-of-type(23){animation-delay:1.55s}#hero p span:nth-of-type(24){animation-delay:1.575s}#hero p span:nth-of-type(25){animation-delay:1.6s}#hero p span:nth-of-type(26){animation-delay:1.625s}#hero p span:nth-of-type(27){animation-delay:1.65s}#hero p span:nth-of-type(28){animation-delay:1.675s}#hero p span:nth-of-type(29){animation-delay:1.7s}#hero p span:nth-of-type(30){animation-delay:1.725s}#hero p span:nth-of-type(31){animation-delay:1.75s}#hero p span:nth-of-type(32){animation-delay:1.775s}#hero p span:nth-of-type(33){animation-delay:1.8s}#hero p span:nth-of-type(34){animation-delay:1.825s}#projects{margin-top:50px;margin-bottom:40px}#projects .current-project{max-width:min(100vw - 40px,800px);height:min(100vh - 190px,500px);margin-inline:auto;border-radius:8px;overflow:hidden;position:relative}#projects .current-project img{width:100%;height:100%;object-fit:cover;object-position:top left}#projects .current-project .legend{position:absolute;bottom:0;font-family:Playfair Display,serif;font-weight:400;padding:30px 20px 20px;width:100%;background-image:linear-gradient(180deg,#0000,#00000080);display:flex;align-items:end}#projects .current-project .legend h3{font-size:2rem;text-shadow:0 4px 10px rgba(0,0,0,.5);transition:font-weight .3s}#projects .current-project .legend svg{stroke:#eeeff1;stroke-width:2px;height:1.7rem;filter:drop-shadow(0 4px 5px rgba(0,0,0,.5));transition:stroke-width .3s}#projects .current-project .nav-buttons{position:absolute;top:0;left:0;width:100%;height:100%;display:flex}#projects .current-project .nav-buttons button{height:100%;width:50%;background-color:#00000080;top:0;display:flex;align-items:center;opacity:0;background:#020024;background:radial-gradient(circle,#020024b3,#0000 70%);background-size:400%;transition:opacity .3s ease-in-out}#projects .current-project .nav-buttons button svg{stroke:#eeeff1;stroke-width:2px;height:2rem;padding:10px;transition:transform .3s}#projects .current-project .nav-buttons .previous{justify-content:start;background-position-x:-300%}#projects .current-project .nav-buttons .previous svg{transform:rotate(180deg)}#projects .current-project .nav-buttons .next{justify-content:end}#projects .progress-indicators{display:flex;justify-content:space-between;max-width:min(100vw - 40px,800px);margin-inline:auto;margin-top:5px}#projects .progress-indicators .indicator{flex:1;height:2px;background-color:#eeeff133;margin:0 2px;border-radius:50px;overflow:hidden}#projects .progress-indicators .indicator .progress{height:100%;background-color:#eeeff1;width:0%;transition:width 0s}#projects .progress-indicators .indicator .progress.current{animation:fillProgress 5s forwards;animation-timing-function:linear}#projects .progress-indicators .indicator .progress.filled{width:100%}@keyframes fillProgress{to{width:100%}}footer{display:flex;justify-content:space-between;align-items:center;font-weight:200;bottom:0;width:calc(100vw - 80px);padding:10px 30px}footer button{font-size:1rem;font-weight:200;padding:0;margin:0}footer button svg{width:30px;height:30px;padding:10px;margin-left:-10px;margin-bottom:-10px}footer button span{display:none}footer p{opacity:.5;font-size:.7rem;margin-bottom:-10px}@keyframes gradient-reveal{0%{background-position:top left}10%{background-position:top left}to{background-position:bottom right}}@keyframes initialBreath{0%,to{font-weight:100}10%{font-weight:200}20%{font-weight:300}30%{font-weight:400}40%{font-weight:500}50%{font-weight:600}60%{font-weight:900}70%{font-weight:800}80%{font-weight:700}90%{font-weight:600}}@keyframes initialBreathAndFadeIn{0%{font-weight:100;opacity:0}10%{font-weight:200;opacity:.1}20%{font-weight:300;opacity:.2}30%{font-weight:400;opacity:.3}40%{font-weight:500;opacity:.4}50%{font-weight:600;opacity:.5}60%{font-weight:900;opacity:.6}to{font-weight:900;opacity:1}}@keyframes fade-in{0%{opacity:0;filter:blur(100px)}to{opacity:1;filter:blur(30px)}}@media (min-width: 800px){header ul{flex-direction:column;padding-right:20px}header ul li svg{display:none}header ul li span{display:block!important}}.hidden{visibility:hidden;opacity:0}.visible{visibility:visible;opacity:1;transition:opacity .5s ease-in}.cta{background-color:transparent;border-radius:50px;transition:background-color .2s ease-in-out,color .2s ease-in-out,border .2s ease-in-out,box-shadow .3s ease-in-out,filter .3s ease-in;width:fit-content;margin-inline:auto;display:flex;margin-bottom:20px;justify-content:center;align-items:center;padding-inline:20px;color:#eeeff1e6;font-weight:700;filter:saturate(1);border:1px solid rgba(238,239,241,.02);box-shadow:1px 4px 10px #eeeff100,1px 4px 10px #eeeff100,1px 4px 10px #eeeff100,1px 4px 10px #eeeff100,inset 0 2px 5px 1px #eeeff11a,inset 0 2px 5px 1px #eeeff100,inset 0 2px 5px 1px #eeeff100,inset 0 2px 5px 1px #eeeff100}.cta img{width:80px;opacity:0;scale:.9;translate:-10px;transition:scale .5s cubic-bezier(.25,.25,.2,1.6),translate .5s cubic-bezier(.25,.25,.2,1.6),margin-top .3s ease-in-out,margin-bottom .3s ease-in-out,opacity .3s ease-in-out;margin-top:-5px;margin-bottom:-5px;margin-right:-5px}.cta span{margin-left:-75px;text-transform:uppercase;padding:20px;padding-inline:10px;transition:margin-left .3s ease-in-out}.cta:hover{background-color:#eeeff105;font-weight:700;color:#eeeff1;border:1px solid rgba(238,239,241,.8);filter:saturate(8);box-shadow:1px -1px 15px #9cfffaa9,1px 1px 10px #f26989a9,-1px -1px 15px #f1bbea99,-1px 1px 15px #f3ca4055,inset 1px 1px 5px #f1bbeaaa,inset -1px 1px 5px #9cfffaaa,inset 1px -1px 5px #f3ca40aa,inset -1px -1px 5px #f26989aa}.cta:hover img{opacity:1;scale:1;translate:0;margin-top:-5px;margin-bottom:-5px}.cta:hover span{margin-left:1px;transition:margin-left .5s cubic-bezier(.25,.25,.2,1.6)}@media (hover: hover){#projects .current-project .nav-buttons button:hover{opacity:1}}