.animated-elements{--cat-size:200px;pointer-events:none}.animated-elements .cat-wrapper{height:calc(var(--cat-size) + 100px);inset:auto auto -77px -77px;overflow-y:hidden;pointer-events:none;position:absolute;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:var(--cat-size);z-index:2}.animated-elements .cat{--pivot:0% 63%;height:var(--cat-size);position:absolute;transform:scale(1) translateY(90px);transform-origin:var(--pivot);width:var(--cat-size)}footer,header,main{container-type:inline-size}header{container-name:header}main{container-name:main}footer{container-name:footer}@container header (min-width: 770px){.menu-btn{display:none}body .nav{align-items:flex-end;display:flex;justify-content:flex-start;min-height:79px;width:min(1000px,100% - 2rem)}body .nav .navbar{align-self:flex-start;padding:1rem 2.5rem .5rem 0}body a.menu__link:is(:focus-visible,:hover),body button.menu__link:is(:focus-visible,:hover){background-color:transparent}.nav div.menu{animation:none;border-radius:0;box-shadow:none;min-height:69px;overflow:visible;padding:1rem 0 var(--padding-outline) var(--padding-outline);position:static;transform:none;width:100%}.nav div.menu .menu-list{align-items:flex-end;display:flex;flex:2;flex-wrap:wrap;gap:30px;justify-content:flex-start;width:-moz-fit-content;width:fit-content}.nav div.menu .menu__item{display:flex;justify-content:center}.nav div.menu .menu__link{line-height:inherit;padding:.5rem .5rem 0;position:relative;text-wrap:nowrap}.nav div.menu .menu__link:after{background-color:var(--c-orange);border-radius:2px;content:"";height:0;inset:auto 0 0;position:absolute;transition:height .3s ease-in-out}.nav div.menu .menu__link:is(:focus-visible,:hover):after{height:4px}.nav div.menu .menu-portfolio{position:relative}.nav div.menu .menu-portfolio .submenu{background-color:var(--c-white);border:2px solid var(--c-black);border-radius:0 0 8px 8px;border-top:2px solid transparent;box-shadow:8px 8px var(--c-black);padding-block:1rem var(--padding-outline);position:absolute;top:70%;z-index:-1}.nav div.menu .menu-portfolio .submenu>*{padding:.5rem}.nav div.menu .menu-portfolio .submenu a{padding:0}body .lang-nav{--first-icon-open:translate(0,var(--icon-offset));--second-icon-closed:translate(0,calc(var(--icon-offset)*-1));--third-icon-closed:translate(0,calc(var(--icon-offset)*-2));align-items:flex-end;height:47px;justify-content:end;margin:0 0 0 auto;max-width:47px;padding:0}body .lang-nav:is(:focus-visible,:hover,:focus-within){background-color:transparent}body .lang-nav:is(:focus-visible,:hover,:focus-within) .lang-nav__btn{background-color:var(--c-white)}body .lang-nav:is(:focus-visible,:hover) .lang-nav__btn{background-color:var(--c-black);fill:var(--c-white)}body .lang-nav__btn{border:var(--border);transition:border .3s ease-in-out,background-color .3s ease-in-out,fill .3s ease-in-out}body .lang-nav__btn:is(:focus-visible,:hover){outline-color:var(--c-black)}body .lang-nav ul li:first-child{background-color:var(--c-saturated)}body .lang-nav ul li:nth-child(2){background-color:var(--c-yellow)}body .lang-nav ul li:nth-child(3){background-color:var(--c-orange)}body .lang-nav ul{flex-direction:column}body .lang-nav__item{border:2px solid transparent;text-align:center}body .lang-nav__item[aria-selected=true]{border:var(--border);color:var(--c-black)}body .lang-nav[aria-expanded=true] .lang-nav__btn{background-color:var(--c-black);border-color:transparent;fill:var(--c-white)}body .lang-nav[aria-expanded=true] .lang-nav__container{width:var(--icon-size)}body .hero.wrapper:where(:has(.hero__text)){flex-direction:row}body .hero__text{align-self:stretch;display:grid;max-width:540px}body .hero__text h1{align-self:end;line-height:1.1;max-width:unset;text-wrap:nowrap}body .hero__img{max-width:46%;transform:translate(0)}body .hero__img .outline{overflow:hidden;transform:translate(-8%,-8%);width:128%}body .hero__img .outline path{stroke-width:1;transform-origin:45% 100%}body .hero .lines:not(.gallery__lines){display:none}body .hero:where(:has(.btn)){padding-block-end:clamp(50px,5.5vw,90px)}body .hero .btn{align-self:end;display:grid;justify-self:end}}@container header (min-width: 1000px){body .nav{align-items:flex-end;min-width:-moz-fit-content;min-width:fit-content}body .nav .logo{padding-inline-start:0}body .nav .logo,body .nav .logo>img{width:70px}body .nav .navbar{padding-inline-start:0}body .nav .menu{padding:0 0 var(--padding-outline) var(--padding-outline)}body .lang-nav{align-self:flex-end}body .lang-nav[aria-expanded=true]{max-width:var(--max-width)}body .lang-nav ul{--first-icon-open:translateX(calc(var(--icon-offset)*-1));--second-icon-closed:translateX(calc(var(--icon-offset)*1));--third-icon-closed:translateX(calc(var(--icon-offset)*2));flex-direction:row-reverse}body .hero .btn{align-self:center;margin-block-start:3rem}}@container main (min-width: 770px){body .about-me__container{min-height:350px}body .section.skills .wrapper p{margin-inline:unset}body .skills .circle{transform:translate(40vw,20%)}body .skills__container{align-items:center;grid-template-columns:50% 50%}body .skills__container .window{margin-block-start:0}body .animated-elements:not(.digital){--cat-size:300px}body .animated-elements:not(.digital) .cat{transform:translateY(125px)}}@container main (min-width: 850px){body .portfolio .portfolio-gallery{padding-block-end:76px}body .portfolio .portfolio-gallery__card .data{scale:1}body .portfolio .portfolio-gallery__card:first-child{transform:rotate(-20deg) translateY(60px)}body .portfolio .portfolio-gallery__card:first-child:is(:hover,:focus-visible){transform:rotate(-20deg) translate(-2em,-2em)}body .portfolio .portfolio-gallery__card:nth-child(2){transform:rotate(-10deg) translateY(15px)}body .portfolio .portfolio-gallery__card:nth-child(2):is(:hover,:focus-visible){transform:rotate(-10deg) translate(-2em,-2em)}body .portfolio .portfolio-gallery__card:nth-child(3):is(:hover,:focus-visible){transform:rotate(0deg) translate(-2em,-2em)}body .portfolio .portfolio-gallery__card:nth-child(4){transform:rotate(10deg) translateY(15px)}body .portfolio .portfolio-gallery__card:nth-child(4):is(:hover,:focus-visible){transform:rotate(10deg) translate(-2em,-2em)}body .portfolio .portfolio-gallery__card:nth-child(5){transform:rotate(20deg) translateY(60px)}body .portfolio .portfolio-gallery__card:nth-child(5):is(:hover,:focus-visible){transform:rotate(20deg) translate(2em,-2em)}}@container main (min-width: 1000px){body .about-me h3{display:flex;font-size:3rem;font-weight:500;height:auto;justify-content:space-between;overflow:initial;padding-inline-end:100px;position:relative;width:auto}body .about-me h3>:not(:last-child){opacity:0;transform:translateY(30px)}body .about-me h3 span[lang=pl]{color:hsl(from var(--c-black) h s l/.6);rotate:-10deg}body .about-me h3 span[lang=fr-FR]{rotate:10deg}body .about-me h3 span[lang=ja-Hira]{font-family:"MS Gothic",Arial,sans-serif;font-size:2.25rem;height:0;inset:9rem -.5rem auto auto;letter-spacing:.25em;overflow:hidden;position:absolute;word-break:keep-all;writing-mode:vertical-rl}body .about-me.animate h3 span:not(:last-child){animation:pop-up .4s ease-out forwards}body .about-me.animate h3 span:first-child{animation-delay:0s}body .about-me.animate h3 span:nth-child(2){animation-delay:.75s}body .about-me.animate h3 span:nth-child(3){animation-delay:1.5s}body .about-me.animate span[lang=ja-Hira]{animation:unroll 2s ease-out 2s forwards}body .about-me.animate text{animation:pop-up .4s ease-out 1s forwards}body .about-me.animate .about-me__frame{animation:path-length 4s ease-in-out forwards}@keyframes path-length{to{stroke-dasharray:1}}@keyframes pop-up{to{opacity:1;transform:translate(0)}}@keyframes unroll{to{height:800px}}body .about-me div.about-me__container{align-items:center;display:grid;grid-template-columns:1fr 57.5%;margin-block-start:0;max-width:1080px;width:90%}body .about-me__frame{display:block;grid-column:1/3;grid-row:1/2;height:100%;overflow:visible;stroke-dasharray:0 1;stroke-width:1;width:100%}body .about-me .about-me__text{padding:2rem}body .about-me__text{grid-column:2/3;grid-row:1/2;margin-inline:auto;max-width:100%}body .about-me__text p{min-width:100%}body .about-me .btn{display:none}body .about-me .widget{grid-column:1/2;grid-row:1/2;margin:100px auto 0 -20px}body .about-me .widget__avatar{width:100%}body .about-me .widget__text{display:none}body .portfolio:after{background:none;-webkit-mask-image:none;mask-image:none}body .portfolio .wrapper{position:relative}body .portfolio .wrapper:after{background:url(../assets/svg/dots-path-background.svg) no-repeat 50% 15px;content:"";height:100%;inset:0;margin-inline:auto;position:absolute;width:clamp(995px,90%,1000px);z-index:-2}body .contact .wrapper{padding-block-end:0}body .contact>.wrapper:first-child{align-items:flex-start;display:flex;height:85vh}body .contact>.wrapper:first-child .window{align-self:center;margin:0}body .animated-elements:not(.digital){--cat-size:400px;height:auto}body .animated-elements:not(.digital) .sun{transform:translate(55vw,5%)}body .animated-elements:not(.digital) .cat{transform:translateY(160px)}}@container main (min-width: 1300px){body .skills .spark-1{transform:translate(34vw,-80%)}}@container main (min-width: 1700px){body .contact .sun{transform:translate(calc(55vw - 50%),5%)}}@container footer (min-width: 770px){footer p{text-align:center}}@container header (min-width: 1000px){body .hero__gallery{margin:150px auto 80px}}@container main (min-width: 1000px){body .gallery{margin-block-end:300px}}@container header (min-width: 770px){body.digital h1.hero__header{margin-inline-start:110px;max-width:700px}}@container main (min-width: 770px){body.digital .description{grid-template-rows:auto auto}body.digital .description p:last-child{margin-inline-start:auto}body.digital .digital-gallery{gap:4rem}}:root{--c-black:#181306;--c-white:#fffaeb;--c-green:#dce5c8;--c-yellow:#ffb433;--c-orange:#e07038;--c-saturated:#5ed499;--accent-font:"Playfair Display","Times New Roman",serif;--main-font:"Source Sans 3","Helvetica",sans-serif;--mono-font:"Cutive Mono",monospace;--border:2px solid var(--c-black);--border-radius:25px;--shadow:0 -10px 10px hsl(from var(--c-black) h s l/0.11);--padding-outline:6px;--icon-size:45px;--icon-border-radius:12px}@font-face{font-display:swap;font-family:"Source Sans 3";font-weight:400;src:url(../assets/fonts/Source_Sans_3/SourceSans3-Medium.woff2) format("woff2"),url(../assets/fonts/Source_Sans_3/SourceSans3-Medium.woff) format("woff")}@font-face{font-display:swap;font-family:"Source Sans 3";font-weight:700;src:url(../assets/fonts/Source_Sans_3/SourceSans3-Bold.woff2) format("woff2"),url(../assets/fonts/Source_Sans_3/SourceSans3-Bold.woff) format("woff")}@font-face{font-display:swap;font-family:"Playfair Display";font-weight:400;src:url(../assets/fonts/Playfair_Display/PlayfairDisplay-Medium.woff2) format("woff2"),url(../assets/fonts/Playfair_Display/PlayfairDisplay-Medium.woff) format("woff")}@font-face{font-display:swap;font-family:"Playfair Display";font-weight:700;src:url(../assets/fonts/Playfair_Display/PlayfairDisplay-Bold.woff2) format("woff2"),url(../assets/fonts/Playfair_Display/PlayfairDisplay-Bold.woff) format("woff")}@font-face{font-display:swap;font-family:"Cutive Mono";font-style:normal;font-weight:400;src:url(../assets/fonts/Cutive_Mono/cutivemono-regular-webfont.woff2) format("woff2"),url(../assets/fonts/Cutive_Mono/cutivemono-regular-webfont.woff) format("woff")}html{box-sizing:border-box;font-size:100%;scroll-behavior:smooth}body,html{overflow-x:clip}*{margin:0;padding:0}*,:after,:before{box-sizing:inherit}body{background-color:var(--c-white);color:var(--c-black);font-family:var(--main-font);font-size:clamp(1rem,.97vw + .773rem,1.5rem);line-height:1.5;min-height:100vh;overflow-y:scroll;width:100%}body :focus-visible,body:focus-within{outline-color:outline-clr(var(--c-white))}.preload *,.preload :after,.preload :before{animation-duration:0!important}img{display:block;height:auto;max-width:100%}footer,header,main{min-width:375px}.nav,header,section:not(.hero){width:100%}main :target{scroll-margin-block-start:3rem}.wrapper{margin-inline:auto}.wrapper:not(.nav){width:min(1000px,100% - 2rem)}:is(.about-me,.skills)>.wrapper{padding-block-end:clamp(50px,5.5vw,90px)}.about-me__container>*+*,:is(.about-me,.skills,.contact)>.wrapper>*+*{margin-block-start:clamp(50px,2vw,70px);margin-inline:auto}.portfolio{padding-block-end:clamp(70px,5.5vw,80px)}.portfolio .wrapper>*+*{margin-block-start:clamp(70px,5.5vw,80px);margin-inline:auto}svg.icon{height:34px;width:34px}button,input,select,textarea{font:inherit}.btn,h1,h2,h3{font-family:var(--accent-font);font-weight:700;text-wrap:balance}h1{font-size:clamp(2.5rem,6.788vw + .909rem,96px);font-weight:400;line-height:1.3}.section__header{padding-block-start:3em;position:relative;text-align:left}.section__header h2{display:inline-block;font-size:clamp(2.25rem,3.394vw + 1.455rem,4rem);line-height:1;position:relative}.section__header h2:after{background-image:linear-gradient(to left,var(--c-yellow) 10%,var(--c-orange) 100%);content:"";display:block;height:35%;position:absolute;transform:translateY(-.3em);width:calc(100% + .5em);z-index:-1}.btn,h3{font-size:clamp(1.5rem,.97vw + 1.273rem,2rem)}.about-me__text,.contact__metadata,.skills__text,p{max-width:55ch;overflow-wrap:break-word;text-wrap:pretty}ul{list-style:none;padding-inline-start:0}a{color:inherit;text-decoration:none}::-moz-selection{background-color:var(--c-orange);color:var(--c-white)}::selection{background-color:var(--c-orange);color:var(--c-white)}footer ::-moz-selection{background-color:var(--c-yellow)}footer ::selection{background-color:var(--c-yellow)}:focus-visible{outline:3px dashed;outline-offset:3px}.screen-reader-text{background-color:var(--c-black);color:var(--c-white);font-size:1.5rem;padding:1em;position:absolute;transform:translate(-9999px);z-index:100}.screen-reader-text:focus-visible{opacity:1;transform:translate(6px,6px)}.stt{bottom:2.5em;opacity:0;pointer-events:none;position:fixed;right:5%;transition:.5s;visibility:hidden;z-index:10}.stt.active{opacity:1;pointer-events:auto;visibility:visible}.nav{--animation-timing-function:linear(0,0.002 0.5%,0.008 1.1%,0.017 1.6%,0.031 2.2%,0.049 2.8%,0.07 3.4%,0.098 4.1%,0.129 4.8%,0.184 5.9%,0.257 7.2%,0.551 12.1%,0.671 14.2%,0.735 15.4%,0.789 16.5%,0.839 17.6%,0.881 18.6%,0.923 19.7%,0.957 20.7%,0.99 21.8%,1.019 22.9%,1.043 24%,1.063 25.1%,1.08 26.2%,1.094 27.4%,1.107 29%,1.114 30.7%,1.116 32.5%,1.112 34.5%,1.105 36.1%,1.095 37.9%,1.041 45.8%,1.018 49.9%,1.008 52.1%,1 54.4%,0.994 56.7%,0.99 59.1%,0.987 62.3%,0.987 65.9%,0.999 84.9%,1);--menu-item-height:5rem;--nav-closed:calc(var(--menu-item-height)*-9);--nav-opened:calc(var(--menu-item-height)*-1 + var(--padding-outline));position:relative}.nav .navbar{background-color:var(--c-white);display:flex;justify-content:space-between;padding:1rem 1rem .5rem;position:relative;z-index:99}.nav .logo,.nav .logo>img,.nav .menu-btn{width:55px}.nav .menu-btn{position:relative;z-index:100}.nav .menu-btn__burger,.nav .menu-btn__burger:after,.nav .menu-btn__burger:before{background-color:var(--c-black);border-radius:2px;height:2px;margin-inline:auto;transition:all .4s ease-in-out;width:40px}.nav .menu-btn__burger{display:block;position:relative}.nav .menu-btn__burger:after,.nav .menu-btn__burger:before{content:"";position:absolute}.nav .menu-btn__burger:before{transform:translate(-20px,-11px)}.nav .menu-btn__burger:after{transform:translate(-20px,11px)}.nav:has(.menu[aria-expanded=true]) .menu-btn>*{background:transparent;width:0}.nav:has(.menu[aria-expanded=true]) .menu-btn>:before{transform:translate(-20px) rotate(405deg)}.nav:has(.menu[aria-expanded=true]) .menu-btn>:after{transform:translate(-20px) rotate(-405deg)}.nav .lang-nav__link,.nav .menu__link{letter-spacing:.1em}.nav .menu{background:var(--c-white);border-radius:0 0 var(--border-radius) var(--border-radius);box-shadow:7px 12px var(--c-black);overflow:hidden;padding-block:var(--menu-item-height) var(--padding-outline);position:absolute;text-align:center;text-transform:lowercase;width:100vw;z-index:98}.nav .menu .menu-list{background-color:var(--c-white)}.nav .menu__link{display:block;font-size:1.25rem;line-height:2;padding:1rem}.nav .menu[aria-expanded=false]{animation:close-nav .65s forwards;display:none}.nav .menu[aria-expanded=true]{animation:open-nav .65s forwards;display:block}.nav .menu[aria-expanded=false],.nav .menu[aria-expanded=true]{animation-timing-function:var(--animation-timing-function)}.nav+.nav-overlay{backdrop-filter:blur(5px);inset:0;opacity:0;position:fixed;transition:visibility .2s ease-in-out,.2s ease-in-out;visibility:hidden;z-index:10}.nav:has(.menu[aria-expanded=true])+.nav-overlay{background-color:rgba(0,0,0,.8);opacity:1;visibility:visible}.lang-nav:is(:focus-visible,:hover),.menu__link:is(:focus-visible,:hover){background-color:hsl(from var(--c-orange) h s l/.5)}.lang-nav:is(:focus-visible,:hover) .lang-nav__btn,.menu__link:is(:focus-visible,:hover) .lang-nav__btn{background-color:#efb48f}button.menu__link{display:block;width:100%}button.menu__link span{display:inline-block;transition:transform .3s ease-in-out}.menu-list:has(.submenu[aria-expanded=true]) button.menu__link span{transform:rotate(90deg)}.submenu{max-height:0;overflow-y:clip;padding-block:var(--padding-outline);transition:max-height .3s ease-in-out}.submenu[aria-expanded=false]{animation:close-submenu .5s forwards;display:none}.submenu[aria-expanded=true]{animation:open-submenu .5s forwards;display:block}.submenu .menu__link{padding:.75rem .75rem .75rem 40%;text-align:left}.lang-nav{--slide-duration:0.25s;--delay:0.075s;--gap:8px;--icon-offset:calc(var(--icon-size) + var(--gap));--icon-count:4;--max-width:calc(var(--icon-size)*var(--icon-count) + var(--gap)*(var(--icon-count) - 1));--first-icon-open:translate(var(--icon-offset),0);--second-icon-closed:translate(calc(var(--icon-offset)*-1),0);--third-icon-closed:translate(calc(var(--icon-offset)*-2),0);cursor:pointer;display:flex;height:-moz-fit-content;height:fit-content;justify-content:center;padding-block:1rem}.lang-nav ul,.lang-nav__item{height:var(--icon-size);width:var(--icon-size)}.lang-nav__btn,.lang-nav__container{height:47px;width:47px}.lang-nav__container{align-items:center;display:inline-grid;transition:width var(--slide-duration) ease-out}.lang-nav__container>*{grid-column:1/1;grid-row:1/1}.lang-nav__btn{fill:var(--c-black);position:relative;transform:translateX(-1px);z-index:4}.lang-nav__btn:is(:focus-visible,:hover,:focus-within){outline-color:transparent}.lang-nav__btn svg{height:100%;padding:8px;width:100%}.lang-nav__btn,.lang-nav__item{background-color:var(--c-white);border-radius:var(--icon-border-radius)}.lang-nav ul{display:inline-flex;gap:var(--gap);transition:transform var(--slide-duration) ease-out;transition-delay:calc(var(--stagger-index)*var(--delay))}.lang-nav__item{border:var(--border);flex-shrink:0;line-height:1.7;pointer-events:none;transition:border .3s ease-in-out,background-color .3s ease-in-out,color .3s ease-in-out,transform var(--slide-duration) ease-out calc(var(--stagger-index)*var(--delay));-webkit-user-select:none;-moz-user-select:none;user-select:none}.lang-nav__item[aria-selected=true]{--stagger-index:1;background-color:var(--c-black);color:var(--c-white);font-weight:700;text-transform:uppercase;z-index:3}.lang-nav__item:nth-child(2){--stagger-index:2;z-index:2}.lang-nav__item:nth-child(3){--stagger-index:3}.lang-nav__item a{display:block;font-size:24px}.lang-nav__item:hover:not([aria-selected=true]){background-color:var(--c-black);border:var(--border);color:var(--c-white)}.lang-nav[aria-expanded=true] .lang-nav__container{width:var(--max-width)}.lang-nav[aria-expanded=true] ul{transform:var(--first-icon-open)}.lang-nav[aria-expanded=true] .lang-nav__item:not([aria-selected=true]) a{pointer-events:all}.lang-nav[aria-expanded=false] .lang-nav__container{transition-delay:calc(var(--slide-duration) + var(--delay)*3);width:var(--icon-size)}.lang-nav[aria-expanded=false] ul{--stagger-index:3;transform:translateX(0)}.lang-nav[aria-expanded=false] .lang-nav__item:nth-child(2){--stagger-index:2;transform:var(--second-icon-closed)}.lang-nav[aria-expanded=false] .lang-nav__item:nth-child(3){--stagger-index:1;transform:var(--third-icon-closed)}.lang-nav[aria-expanded=false] a{pointer-events:none}@keyframes open-nav{0%{transform:translateY(var(--nav-closed))}to{transform:translateY(var(--nav-opened))}}@keyframes close-nav{0%{transform:translateY(var(--nav-opened))}to{transform:translateY(var(--nav-closed))}}@keyframes open-submenu{0%{max-height:0;padding:0}to{max-height:400px}}@keyframes close-submenu{0%{max-height:400px}to{max-height:0;padding:0}}button{background:none;border:none;cursor:pointer;display:block}.btn{display:grid;width:-moz-fit-content;width:fit-content}.btn>*{border:var(--border);grid-column:1/2;grid-row:1/2;height:100%;width:100%}.btn__shadow{background-color:var(--c-black)}.btn__fill{background:var(--c-green);transition:transform .3s ease-in-out,background-color .3s ease-in-out}.btn--border>*{border-radius:.75em}.btn--border .btn__fill{padding:.25em .75em}.btn--round{--btn-round-size:clamp(55px,8vw,70px);height:var(--btn-round-size);width:var(--btn-round-size)}.btn--round>*{border-radius:50%}.btn--round .btn__fill{display:flex;flex-direction:column;padding:8px}.btn--round svg{aspect-ratio:1/1;fill:var(--c-black)}.btn:is(:hover,:focus-visible) .btn__fill{background-color:var(--c-white);transform:translate(-5px,-5px)}.btn:is(:hover,:focus-visible).btn--border .btn__fill{transform:translate(-.25em,-.25em)}.spotlight{border-radius:50%;pointer-events:none;position:absolute;transform:translate(-50%,-50%);z-index:1000}.spotlight--outer{--size:40px;background-color:hsla(from var(--c-orange) h s l/.4);height:var(--size);mix-blend-mode:multiply;width:var(--size)}.footer{background-color:var(--c-orange);border-block-start:2px solid var(--c-orange);width:100vw}.footer__wrapper{line-height:75px;text-align:right}.footer__wrapper p{font-size:1.25rem;max-width:none}.description{display:grid;gap:2rem;width:100%}.description.animate p{animation:fadeIn .5s ease-in forwards}.description p{font-size:1rem;max-width:55ch;opacity:0;padding:1rem;transform:translateY(20px)}.description p:last-child{animation-delay:1s;background-color:var(--c-black);color:var(--c-white);margin-inline-start:auto}.digital-gallery{align-items:center;display:flex;flex-wrap:wrap;gap:2rem;justify-content:space-between;margin-block:5rem 7rem}.digital-gallery__frame{aspect-ratio:1/1;background-color:var(--c-white);border:var(--border);border-radius:var(--border-radius);min-height:0;position:relative;width:100%;z-index:1}.digital-gallery__frame:before{background-color:var(--c-black);border-radius:var(--border-radius);content:"";inset:0;position:absolute;transform:translate(12px,12px);z-index:-1}.digital-gallery__frame{flex:2 0 0;min-width:375px;z-index:auto}.digital-gallery__media{border-radius:22px;height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.digital-gallery video{opacity:1;transition:opacity .3s ease}.digital-gallery__img{display:none;left:0;position:absolute;top:0;transition:opacity .4s ease,transform .5s cubic-bezier(.16,1,.3,1)}.digital-gallery__img.image-enter{animation:imageEnter .5s cubic-bezier(.16,1,.3,1) forwards}.digital-list{align-items:stretch;display:flex;flex:1 0 auto;flex-direction:column;justify-content:center;margin-block:2rem;position:relative;z-index:2}.digital-list__item{border-block-start:var(--border)}.digital-list__item:last-child{border-block-end:var(--border)}.digital-list__btn{background-image:linear-gradient(to left top,var(--c-black) 50%,var(--c-white) 50%);background-position:0 0;background-size:200% 200%;color:var(--c-black);cursor:pointer;display:block;font-family:var(--mono-font);font-size:1.25rem;font-weight:700;letter-spacing:.1em;padding:1rem;text-align:center;text-transform:lowercase;transition:background-position .5s ease,color .3s ease;width:100%}.digital-list__btn:focus-visible,.digital-list__btn:hover{background-position:100% 99%;color:var(--c-white)}.digital-gallery:has(.digital-list__btn:hover) video{filter:brightness(0)}.lightbox{align-items:center;animation:fadeIn .3s ease forwards;backdrop-filter:blur(4px);background:rgba(0,0,0,.85);display:flex;flex-direction:column;gap:1rem;inset:0;justify-content:center;position:fixed;z-index:101}.lightbox[hidden]{display:none}.lightbox button{border:2px solid var(--c-white);border-radius:50%;color:var(--c-white);font-family:var(--mono-font);font-size:2rem;height:45px;width:45px}.lightbox button:hover{background-color:var(--c-white);color:var(--c-black)}.lightbox__frame{animation:lightboxOpen .4s cubic-bezier(.16,1,.3,1) forwards;aspect-ratio:1/1;border:2px solid var(--c-black);border-radius:var(--border-radius);max-height:80%;max-width:90%;overflow:hidden}.lightbox__btn{position:absolute;right:1.5rem;top:1.5rem;transition:all .3s}.lightbox__title{color:var(--c-white);font-family:var(--mono-font);font-size:1.25rem;letter-spacing:.1em;min-width:90%;text-align:center}.lightbox-nav{align-items:center;bottom:2rem;display:flex;justify-content:space-between;pointer-events:none;position:absolute;width:90%}.lightbox-nav button{font-size:3rem;line-height:.5;pointer-events:all;transition:all .3s}.lightbox-nav button:hover{background-color:var(--c-white);color:var(--c-black)}@keyframes lightboxOpen{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes imageEnter{0%{filter:blur(8px);opacity:0;transform:scale(1.05)}to{filter:blur(0);opacity:1;transform:scale(1)}}@keyframes fadeIn{0%{opacity:0;transform:transformY(20px)}to{opacity:1;transform:translateY(0)}}header .hero{margin-block-start:7rem;min-height:300px;position:relative}header h1{font-weight:700;max-width:700px}header h1 .accent{color:var(--c-orange)}header h1 .subtext{background-color:var(--c-white);color:var(--c-black);display:block;font-family:var(--main-font);font-size:clamp(1rem,.97vw + .773rem,1.5rem);font-weight:400;margin-block-start:1.5rem;text-align:right}header .lines{inset-inline:0;position:absolute;transform:translate(-75px,8px) rotate(355deg);width:125%}main{position:relative}.animated-elements{inset:0;position:absolute}