.icon path{fill:currentColor}.social{display:flex;gap:30px}.social__link{color:currentColor}.hero{align-items:center;display:flex;flex-direction:column;gap:50px;margin:auto;max-width:600px}@media (min-width:1024px){.hero{flex-direction:row;max-width:none}}.hero__content{flex:1}.hero__heading{color:#222;font-size:24px;font-weight:600;line-height:1.5;margin-bottom:30px}@media (min-width:768px){.hero__heading{font-size:36px}}.hero__text{margin-bottom:30px}.hero__social{color:#222}.hero__media{flex:0 0 auto}@media (min-width:1024px){.hero__media{max-width:440px}}.hero__img{aspect-ratio:1/1;-o-object-fit:cover;object-fit:cover;-o-object-position:left 5%;object-position:left 5%;width:100%}@media (min-width:1024px){.hero__img{aspect-ratio:auto;-o-object-fit:contain;object-fit:contain}}.button{align-items:center;appearance:none;-webkit-appearance:none;-moz-appearance:none;background:transparent;border:2px solid;border-radius:50px;cursor:pointer;display:inline-flex;font-size:16px;font-weight:400;height:50px;line-height:2;margin:0;outline:0;padding:0 30px;text-decoration:none}.button.variant-normal{border-color:#222;color:#222}.button.variant-overlay{border-color:#fff;color:#fff}.portfolio-project{display:flex;flex-direction:column;max-width:1100px}@media (min-width:400px){.portfolio-project{width:80%}}.portfolio-project__hero{width:100%}.portfolio-project__body{background:#fff;display:flex;flex-direction:column;gap:50px;padding:30px}@media (min-width:768px){.portfolio-project__body{flex-direction:row;padding:50px}}.portfolio-project__content{flex:1}.portfolio-project__title{font-size:24px;font-weight:600;line-height:1.5;margin:0 0 10px}@media (min-width:768px){.portfolio-project__title{font-size:36px}}.portfolio-project__client{color:#aaa;font-size:24px;font-weight:400;line-height:1.5;margin:0 0 30px}@media (min-width:768px){.portfolio-project__client{font-size:36px}}.portfolio-project__heading{color:#aaa;font-size:16px;font-weight:600;letter-spacing:2px;line-height:1.5;margin-top:50px;text-transform:uppercase}.portfolio-project__button{margin-top:30px}.portfolio-project__sidebar{width:100%}@media (min-width:768px){.portfolio-project__sidebar{width:200px}}.portfolio-project__year{font-size:24px;font-weight:600;line-height:1.5;margin:0 0 30px}@media (min-width:768px){.portfolio-project__year{font-size:36px}}.portfolio-project__tags{list-style:none;margin:0 0 30px;padding:0}.portfolio-project__tag+.portfolio-project__tag{margin-top:10px}.portfolio-project__palette{align-items:center;display:flex;gap:10px}.portfolio-project__palette-color{border-radius:30px;height:30px;width:30px}.portfolio-project__shots{background:#fff;display:flex;flex-wrap:wrap;gap:30px;padding:30px}@media (min-width:768px){.portfolio-project__shots{gap:50px;padding:50px}}.portfolio-project__shot,.portfolio-project__shot.small{width:100%}@media (min-width:768px){.portfolio-project__shot.small{width:calc(50% - 25px)}}.my-work{margin:100px 0}.my-work__intro{margin:0 auto 30px;max-width:440px;text-align:center}.my-work__portfolio{display:flex;flex-wrap:wrap;gap:30px}@media (min-width:768px){.my-work__portfolio{gap:50px}}.my-work__portfolio-img{cursor:pointer}.my-work__portfolio-img.size-small{width:100%}@media (min-width:768px){.my-work__portfolio-img.size-small{width:calc(50% - 25px)}}.my-work__portfolio-img.size-large{width:100%}.layer[data-v-51811141]{background:rgba(0,0,0,.8);cursor:pointer;display:flex;height:100vh;left:0;overflow-y:auto;overscroll-behavior:contain;position:fixed;top:0;width:100vw}.layer__component[data-v-51811141]{cursor:default;flex:1}.layer__icon-xs[data-v-51811141]{color:#222;display:block;order:-1;padding:30px;position:fixed;right:0;top:0}@media (min-width:400px){.layer__icon-xs[data-v-51811141]{display:none}}.layer__icon-normal[data-v-51811141]{display:none}@media (min-width:400px){.layer__icon-normal[data-v-51811141]{color:#fff;display:block;flex:0 0 auto;padding:30px;position:sticky;top:30px}}.layer-enter-from[data-v-51811141],.layer-leave-to[data-v-51811141]{opacity:0}.layer-enter-from .layer__component[data-v-51811141],.layer-leave-to .layer__component[data-v-51811141]{transform:translateY(50px)}@media (min-width:400px){.layer-enter-from .layer__component[data-v-51811141],.layer-leave-to .layer__component[data-v-51811141]{transform:translate(-50px)}}.layer-enter-active[data-v-51811141],.layer-leave-active[data-v-51811141]{transition:opacity .25s ease}.layer-enter-active .layer__component[data-v-51811141],.layer-leave-active .layer__component[data-v-51811141]{transition:transform .25s ease}.footer{background:#222;margin-top:50px;text-align:center}@media (min-width:1024px){.footer{margin-top:100px}}.footer__container{margin:auto;max-width:1100px;max-width:600px;padding:50px 30px}@media (min-width:1024px){.footer__container{padding:100px 30px}}.footer__heading{color:#fff;font-size:20px;font-weight:600;line-height:1.5;margin-bottom:30px}@media (min-width:768px){.footer__heading{font-size:24px}}.footer__text{color:#aaa;margin-bottom:30px}.footer__bottom{align-items:center;display:flex;flex-direction:column;gap:30px;justify-content:space-between;margin:auto;max-width:1100px;padding:30px}@media (min-width:768px){.footer__bottom{flex-direction:row}}body{background:#222;color:#444;font-family:Inter,sans-serif;font-size:16px;font-weight:400;line-height:2;margin:0;padding:0}h1,h2,h3,h4,h5,h6{font-weight:600;margin-top:0}a:not([class]){color:currentColor}.app{-webkit-font-smoothing:antialiased;-moz-font-smoothing:antialiased;-o-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#fff;border-top:5px solid #222;padding-top:50px}@media (min-width:1024px){.app{border-top:10px solid #222;padding-top:100px}}.main{margin:auto;max-width:1100px;padding:0 30px}