footer{position:relative;bottom:0;padding:2.5rem 0 5rem;border-top:1px solid var(--color-dark-2);z-index:10}footer .grid{align-items:flex-start}footer .grid .col-s{grid-column:span 1}footer .grid .grid-end{grid-column:4}footer .grid .list{gap:1rem}@media (min-width: 992px){footer .grid{grid-template-columns:repeat(6,1fr);padding:5rem 0 10rem}footer .grid .footer-left{display:grid;grid-template-columns:repeat(4,1fr);grid-column:span 4;gap:1.5rem}footer .grid .col-s{grid-column:span 2}footer .grid .grid-end{grid-column:6}}@media (min-width: 1450px){footer .grid .grid-end{grid-column:8}}@media (max-width: 992px){.footer-left{display:flex;flex-direction:column;gap:2.5rem}}@media (max-width: 550px){footer .grid{display:flex;flex-direction:column-reverse;gap:2.5rem}}.container{position:relative;margin:0 .6rem}@media (min-width: 768px){.container{margin:0 2.625rem}}.page-wrap{padding:8rem 0}.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;row-gap:5rem}@media (min-width: 768px){.grid{row-gap:10rem}}@media (min-width: 1450px){.grid{grid-template-columns:repeat(8,1fr)}}.wrap{position:relative;width:100%;padding:2.5rem 0}.wrap.page-wrap{padding:8rem 0}.flex{display:flex;gap:1.5rem;flex-direction:column}@media (min-width: 1200px){.flex{flex-direction:row}}.scroll-container{height:100%;overflow:hidden}.col-xs{grid-column:span 1}.col-s{grid-column:span 3;white-space:nowrap}@media (min-width: 768px){.col-s{grid-column:1/span 1}}@media (min-width: 1450px){.col-s{grid-column:1/span 2}}.col-m{grid-column:span 4}@media (min-width: 992px){.col-m{grid-column:1/span 2}}@media (min-width: 1450px){.col-m{grid-column:1/span 3}}.col-half{grid-column:span 4}.col-half.grid-end{grid-column:2/span 3;justify-self:unset}@media (min-width: 768px){.col-half.grid-end{grid-column:3/span 2}}@media (min-width: 1450px){.col-half.grid-end{grid-column:5/span 4}}.col-l{grid-column:span 5}.col-xl{grid-column:span 4}@media (min-width: 768px){.col-xl{grid-column:2/span 3}}@media (min-width: 1450px){.col-xl{grid-column:3/span 6}}.col-xxl{grid-column:span 4}@media (min-width: 768px){.col-xxl{grid-column:1/span 4}}@media (min-width: 1450px){.col-xxl{grid-column:4/span 5}}.col-full{grid-column:1/-1}.grid-col{padding-top:1rem;border-top:1px solid var(--color-dark-2)}.grid-col.col-xl{padding-top:0;border-top:0}@media (min-width: 560px){.grid-col.col-xl{padding-top:1rem;border-top:1px solid var(--color-dark-2)}}.grid-end{grid-column:4;justify-self:end}@media (min-width: 1450px){.grid-end{grid-column:8}}@media (min-width: 1450px){.col-text-left{margin-right:6rem}}.list{display:flex;position:relative;flex-direction:column;gap:.5rem}.aspect-1-1{aspect-ratio:1/1!important}.aspect-1-1 img{width:100%!important;height:100%!important;object-fit:cover}.aspect-16-9{aspect-ratio:16/9!important}.aspect-16-9 img{width:100%!important;height:100%!important;object-fit:cover}.aspect-9-16{aspect-ratio:9/16!important}.aspect-9-16 img{width:100%!important;height:auto!important;object-fit:cover}.aspect-9-10{aspect-ratio:9/10!important}.aspect-9-10 img{width:100%!important;height:auto!important;object-fit:cover}.aspect-4-3{aspect-ratio:4/3!important}.aspect-4-3 img{width:100%!important;height:100%!important;object-fit:cover}.aspect-4-9{aspect-ratio:4/9!important}.aspect-2-7{aspect-ratio:2/7!important}.aspect-2-7 img{width:100%!important;height:100%!important;object-fit:cover}.img-wrap{position:relative;display:flex;flex-direction:column;width:100%}.img-container{position:relative;width:100%;aspect-ratio:5/3;overflow:hidden;background:var(--color-dark-2);border-radius:.3rem}.img-container *{position:absolute;width:100%;height:100%;object-fit:cover;top:50%;left:50%;transform:translate(-50%,-50%);transition:all 1.5s cubic-bezier(.075,.82,.165,1)}.img-container.centered *{position:absolute;height:fit-content;object-fit:contain;border-radius:.3rem}.img-container.centered img{width:80%}.img-container.centered video{height:100%}.img-container.vid-container{background:#232323}@media (max-width: 768px){.img-container.vid-container{aspect-ratio:1/1}}.img-container.inherit{aspect-ratio:inherit;display:inherit}.img-container.inherit img{position:relative;top:0;left:0;transform:inherit}.img-alt{display:flex;align-items:center;margin-top:.5rem}.img-alt .dot{width:.5rem;height:.5rem;border-radius:50%;background-color:var(--color-gray-1);margin-right:.5rem}.img-slideshow img{opacity:0;animation:slideshow 9s infinite}.img-slideshow img:nth-child(2){animation-delay:3s}.img-slideshow img:nth-child(3){animation-delay:6s}@keyframes slideshow{0%{opacity:1}31%{opacity:1}33%{opacity:0}}.work-wrap .img-container:before{content:"";position:absolute;z-index:1;top:0;left:0;width:100%;height:100%;-webkit-backdrop-filter:grayscale(.6) brightness(.9) blur(5px);backdrop-filter:grayscale(.6) brightness(.9) blur(5px);opacity:0;transition:all .5s cubic-bezier(.77,.08,.51,.83)}.work-wrap .img-container:after{content:"";position:absolute;z-index:2;top:50%;left:50%;transform:translate(-50%,-50%) scale(1.1);width:0;height:0;border-radius:50%;opacity:0;background-color:#003effe6;transition:all .5s cubic-bezier(.77,.08,.51,.83)}.work-wrap .img-container:hover:before,.work-wrap .img-container:hover:after{opacity:1}.work-wrap .img-container:hover:after{width:.8rem;height:.8rem}@media (max-width: 768px){.img-responsive{aspect-ratio:3/4!important}}.unavailable{display:flex;align-items:center;justify-content:center;height:100vh;width:100vw}.unavailable h1{text-indent:0;grid-column:2/span 2}.unavailable .wrap{align-items:center}@media (min-width: 1450px){.unavailable h1{grid-column:3/span 2}}@media (max-width: 768px){.unavailable h1{grid-column:2/span 3}.unavailable .grid{row-gap:1rem}.unavailable .grid-end{justify-self:inherit}.unavailable .back{grid-column:2/span 3}}.section-title{padding-bottom:8rem}*,*:before,*:after{box-sizing:border-box}html{font-family:sans-serif;scroll-behavior:auto}article,aside,figcaption,figure,footer,header,hgroup,main,nav,section{display:block}body{margin:0}html,body{position:relative;overflow-x:hidden}[tabindex="-1"]:focus{outline:0!important}hr{box-sizing:content-box;height:0;overflow:visible}abbr[title],abbr[data-original-title]{text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;cursor:help;border-bottom:0;-webkit-text-decoration-skip-ink:none;text-decoration-skip-ink:none}address{margin-bottom:1rem;font-style:normal;line-height:inherit}ol,ul,dl{margin-top:0;margin-bottom:1rem}ol ol,ul ul,ol ul,ul ol{margin-bottom:0}input,button,select,optgroup,textarea{margin:0;font-family:inherit;font-size:inherit;line-height:inherit}button,input{overflow:visible}button,select{text-transform:none}html{font-size:16px}@media (min-width: 2400px){html{font-size:1vw}}body{color:var(--color-text);font-family:PP Neue Montreal,Helvetica,system-ui,sans-serif;font-style:normal;text-transform:none;font-weight:400;line-height:1.5;text-align:left}p{font-size:1.5rem;margin-top:0;margin-bottom:2rem;line-height:1.2;color:var(--color-text);letter-spacing:.01em}@media (min-width: 768px){p{margin-bottom:4rem}}p.lead{font-size:1.4rem;line-height:1.4}p.small{font-size:.875rem}span{font-size:.875rem;color:var(--color-gray-1)}span.feature{font-size:1.5rem;margin-top:0;margin-bottom:2rem;line-height:1.2;color:var(--color-text);letter-spacing:.01em;color:var(--color-gray-2)}h1{color:var(--color-text);font-family:PP Neue Montreal,Helvetica,system-ui,sans-serif;font-weight:400;line-height:1.05;font-size:2.4rem;text-indent:2rem}@media (min-width: 992px){h1{font-size:2.8rem;text-indent:4rem}}@media (min-width: 1450px){h1{font-size:3rem}}h2{color:var(--color-text);font-family:PP Neue Montreal,Helvetica,system-ui,sans-serif;line-height:1.05;font-size:1.8rem}.highlight{font-family:PP Neue Montreal,Helvetica,system-ui,sans-serif;font-size:.875rem;font-style:normal;text-transform:none;text-align:left;line-height:1.8;letter-spacing:.02rem}.coming-soon{position:relative}.coming-soon:after{content:"Coming";position:absolute;top:5%;left:calc(100% + .4rem);color:var(--color-gray-1);font-size:.6rem;letter-spacing:.02em;white-space:nowrap}input,input[type=number],input[type=search],input[type=password],input[type=email],input[type=tel],input[type=submit],textarea,select{-moz-appearance:none;-webkit-appearance:none;appearance:none}[role=button]{cursor:pointer}button{display:flex;height:fit-content;width:fit-content;padding:.85rem 1rem;justify-content:center;align-items:center;background:rgba(0,0,0,.3);gap:.425rem;border-radius:6.25rem;border:.5px solid var(--color-gray-1);color:var(--color-text);letter-spacing:.02em;font-size:.875rem;cursor:pointer;white-space:nowrap;transition:all .2s cubic-bezier(.77,.08,.51,.83);backdrop-filter:blur(80px);-webkit-backdrop-filter:blur(80px)}button:hover{background:rgba(255,255,255,.7);backdrop-filter:blur(80px) brightness(1.5);-webkit-backdrop-filter:blur(80px) brightness(1.5);color:var(--color-dark-1);border:.5px solid rgba(255,255,255,.3)}button:hover h2{color:var(--color-dark-4)}button:hover img{filter:invert(1)}button.arrow-btn{position:relative;border:0;padding:.2rem}button.arrow-btn img{width:2rem;height:2rem;opacity:.5;transition:all .2s cubic-bezier(.77,.08,.51,.83)}button.arrow-btn:hover{background:none}button.arrow-btn:hover img{opacity:1;filter:invert(0)!important}button.prj-btn{display:flex}button.prj-btn .arrow{opacity:.8;height:.8rem}@media (min-width: 768px){button.prj-btn .arrow{height:1.2rem}}button.btn-l{font-size:2.2rem;padding:1rem 1.75rem}button.btn-l:hover{border:0;background:var(--color-gray-2)}button.btn-l:hover a{color:var(--color-dark-1)}@media (min-width: 768px){button{gap:.625rem}}.ellipse-container{position:relative;display:grid;gap:1.5rem;width:100%}.ellipse-container .ellipse-wrap{grid-column:1/5}.ellipse-container .ellipse-wrap:last-child{grid-column:3/-1}.ellipse-container .ellipse-wrap .ellipse{position:relative;border-radius:50%;width:100%;height:auto;padding-top:100%;border:1px solid transparent}.ellipse-container .ellipse-wrap .ellipse-fx{--border-angle: 0turn;--main-bg: conic-gradient( from var(--border-angle), transparent, transparent 5%, transparent 60%, transparent 95% );--gradient-border: conic-gradient( from var(--border-angle), transparent 25%, rgb(0 62 255 / 20%) 75%, transparent );background:var(--main-bg) padding-box,var(--gradient-border) border-box,var(--main-bg) border-box;animation:bg-spin 3s cubic-bezier(.77,.08,.51,.83) infinite}@keyframes bg-spin{to{--border-angle: 1turn}}.ellipse-container .ellipse-wrap .ellipse-fx.fx2{animation-delay:.5s;--gradient-border: conic-gradient( from var(--border-angle), transparent 25%, rgba(177, 196, 255, .1) 75%, transparent )}@property --border-angle{syntax: "<angle>"; inherits: true; initial-value: 0turn;}.ellipse-container.ellipse-mid{grid-template-columns:repeat(4,1fr)}.ellipse-container.ellipse-mid .ellipse-wrap{grid-column:1/3}.ellipse-container.ellipse-mid .ellipse-wrap:last-child{grid-column:2/-2}.card{position:relative;background:var(--color-dark-2);border-radius:.3rem}.card .col-m{grid-column:span 4}@media (min-width: 1450px){.card .col-m{grid-column:span 3}}.card-content-container{display:flex;align-items:center;grid-column:span 4}@media (min-width: 1450px){.card-content-container{grid-column:5/span 3}}.card-content{padding:3rem}@media (min-width: 560px){.card-content{padding:0 5rem 5rem}}@media (min-width: 1450px){.card-content{padding:0}}.card-content p:last-child{margin:0}.carousel{position:relative;display:flex;padding:20%;-webkit-mask-image:linear-gradient(to right,rgba(0,0,0,0) 0%,rgb(0,0,0) 12.5%,rgb(0,0,0) 87.5%,rgba(0,0,0,0) 100%);mask-image:linear-gradient(to right,rgba(0,0,0,0) 0%,rgb(0,0,0) 12.5%,rgb(0,0,0) 87.5%,rgba(0,0,0,0) 100%)}@media (min-width: 992px){.carousel{padding:10%}}.carousel>*{flex:0 0 100%}.carousel:hover .carousel-group{animation-play-state:paused}.carousel-group{display:flex;will-change:transform;animation:scrolling 20s linear infinite}@keyframes scrolling{0%{transform:translate(0)}to{transform:translate(-100%)}}.carousel-card{transform:perspective(1200px) rotateY(-45deg) skewY(10deg);transition:all .2s cubic-bezier(.77,.08,.51,.83);will-change:transform;width:60vw}@media (min-width: 768px){.carousel-card{width:40vw}}@media (min-width: 992px){.carousel-card{width:35vw}}@media (min-width: 1200px){.carousel-card{width:30vw}}@media (min-width: 1450px){.carousel-card{width:25vw}}.carousel-card:hover{transform:perspective(1200px) rotateY(-20deg) skewY(10deg) scale(1.1) translateY(-40px)}nav{position:fixed;z-index:20;top:0;width:100vw;border-bottom:1px solid var(--color-dark-2);transition:all .8s cubic-bezier(.77,.08,.51,.83);background:rgba(5,5,5,0);backdrop-filter:blur(0px);-webkit-backdrop-filter:blur(0px)}nav.scrolled,nav.active{background:var(--color-dark-4);backdrop-filter:blur(50px);-webkit-backdrop-filter:blur(50px)}nav.scrolled span,nav.active span{color:var(--color-gray-1)}nav span{font-size:.875rem;color:var(--color-text);cursor:pointer;transition:all 1.5s cubic-bezier(.075,.82,.165,1)}nav span:hover{color:var(--color-white)}@media (min-width: 768px){nav span{font-size:16px}}nav.hide{display:none;visibility:hidden;-webkit-user-select:none;user-select:none}html.has-scroll-scrolling nav{background:var(--color-dark-4);backdrop-filter:blur(50px);-webkit-backdrop-filter:blur(50px)}html.has-scroll-scrolling nav span{color:var(--color-gray-1)}.nav-bar{padding:1rem 0;align-items:baseline}@media (min-width: 768px){.nav-bar{padding:1.2rem 0}}.menu-toggle{grid-column:4;justify-self:end}@media (min-width: 768px){.menu-toggle{grid-column:2;justify-self:unset}}@media (min-width: 1450px){.menu-toggle{grid-column:3}}.menu-wrap{height:0;overflow:hidden;transition:all .8s cubic-bezier(.77,.08,.51,.83)}.menu{padding-top:0;gap:2.5rem;opacity:0;animation-duration:1.2s;animation-timing-function:cubic-bezier(.77,.08,.51,.83);animation-fill-mode:forwards;grid-column:2}@media (min-width: 1450px){.menu{grid-column:3/span 2}}.menu .menu-nav{gap:.5rem}.menu .menu-nav .menu-nav-item h1{text-indent:inherit;transition:all .5s cubic-bezier(.77,.08,.51,.83)}.menu .menu-nav .menu-nav-item:hover h1{color:#003effe6}@keyframes menuOpen{0%{padding-top:0;opacity:0}to{padding-top:2.5rem;opacity:1}}@keyframes menuClose{0%{padding-top:2.5rem;opacity:1}to{padding-top:0;opacity:0}}nav.active .menu-wrap{height:100vh}@media (min-width: 768px){nav.active .menu-wrap{height:40vh}}nav.active .menu{animation-name:menuOpen}nav:not(.active) .menu{animation-name:menuClose}.hero{background:var(--color-dark-1)}.hero .hero-content{display:flex;flex-direction:column;align-items:flex-start;gap:2.5rem}.hero .hero-content .ellipse-container{grid-template-columns:repeat(6,1fr)}.hero .hero-content .ellipse-container .ellipse-wrap{grid-column:1/5;grid-row:1/2}.hero .hero-content .ellipse-container .ellipse-wrap:last-child{grid-column:3/-1}@media (min-width: 768px){.hero .hero-content{gap:5rem}}@media (max-width: 768px){.hero .col-s,.hero .col-xl{grid-column:span 4}.hero .grid{display:flex;flex-direction:column-reverse}}.excerpt{padding:6rem 0 2rem;background-color:var(--color-dark-3)}@media (min-width: 768px){.excerpt{padding:10rem 0 6rem}}.excerpt p{margin-bottom:2.5rem}.work{margin-bottom:10rem;background-color:var(--color-dark-3)}.work .grid{grid-row-gap:5rem}@media (min-width: 1450px){.work .grid{grid-row-gap:10rem}}.work .grid .work-item{border-top:1px solid var(--color-dark-2);padding-top:1.5rem;display:grid;grid-template-columns:repeat(4,1fr);grid-column:span 4;gap:1rem}.work .grid .work-item .list{padding-left:0;grid-column:span 4}@media (min-width: 768px){.work .grid .work-item .list{grid-column:span 1}}@media (min-width: 1450px){.work .grid .work-item .list{padding-left:1rem}}.work .grid .work-item .work-wrap{display:grid;grid-column:span 4;gap:1rem}@media (min-width: 768px){.work .grid .work-item .work-wrap{grid-column:2/span 3}}.work .grid .work-item .work-wrap .work-detail-wrap{display:flex;justify-content:space-between;align-items:flex-start;gap:2rem}@media (min-width: 768px){.work .grid .work-item .work-wrap .work-detail-wrap{flex-direction:row;justify-content:space-between;align-items:flex-end}}.work .grid .work-item .work-wrap .work-detail-wrap .work-detail{display:inline-grid;flex-wrap:wrap}.work .grid .work-item .work-wrap .work-detail-wrap .work-detail .work-title{display:inline;white-space:nowrap}.work .grid .work-item .work-wrap .work-detail-wrap .work-detail .work-brief{position:relative;display:inline;font-size:16px;text-overflow:clip;width:100%}.work.featured .work-item{grid-column:span 8}.work.featured .col-xs{grid-column:span 2}.work.featured .work-wrap{grid-column:3/span 6}:root{--color-text: #808080;--color-dark-1: rgb(5, 5, 5);--color-dark-2: rgba(255, 255, 255, .05);--color-dark-3: rgb(8, 8, 8);--color-dark-4: rgba(5, 5, 5, .6);--color-gray-1: #656565;--color-gray-2: #eeeeee;--color-white: #fff}.project{padding:0 0 6rem;z-index:30;background:var(--color-dark-1)}.project .excerpt{background:var(--color-dark-1)}.project .excerpt p{margin-bottom:0}.prj-hero{position:relative;display:flex;align-items:flex-start;height:100vh;padding:8rem 0 2rem;margin-bottom:2rem}.prj-hero:after{content:"";position:absolute;z-index:0;bottom:-1%;left:0;width:100%;height:101%;background:rgb(5,5,5);background:linear-gradient(0deg,rgb(5,5,5) 0%,rgba(5,5,5,0) 100%)}@media (min-width: 768px){.prj-hero{margin-bottom:4rem}}.prj-title{z-index:1;width:-webkit-fill-available;align-items:flex-end;height:100%}.prj-container{display:flex;flex-direction:column;gap:1.5rem;height:100%}.prj-img{position:absolute;top:0;left:0;width:100%;height:100%}.prj-img img{width:100%;height:100%}.prj-info{display:grid;align-items:flex-end;grid-template-columns:repeat(2,1fr);gap:1.5rem;height:100%}.prj-info h1{text-indent:inherit}@media (max-width: 768px){.prj-info{display:flex;align-items:flex-start;justify-content:flex-end;flex-direction:column;gap:.6rem}}.prj-name{grid-column:1}.prj-yr{grid-column:end;justify-self:flex-end;grid-column:2}.prj-excerpt{padding:0 0 4rem}@media (min-width: 768px){.prj-excerpt{padding:0 0 6rem}}.prj-excerpt .grid{grid-template-columns:repeat(4,1fr);grid-column:span 4;row-gap:1rem}.prj-excerpt .grid .prj-list{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;border-top:1px solid var(--color-dark-2);padding-top:1rem}@media (min-width: 550px){.prj-excerpt .grid .prj-list{grid-template-columns:repeat(3,1fr)}}.prj-excerpt .grid .prj-list .col-s{grid-column:1/span 1}.prj-excerpt .grid .prj-list .col-xl{grid-column:3/span 2}@media (min-width: 550px){.prj-excerpt .grid .prj-list .col-xl{grid-column:2/span 3}}.prj-excerpt .grid .prj-list .list-item{font-size:1rem}.prj-excerpt .grid .col-s{grid-column:span 4}.prj-excerpt .grid .col-xl{grid-column:1/span 4}@media (min-width: 550px){.prj-excerpt .grid .col-s{grid-column:1/span 1}.prj-excerpt .grid .col-xl{grid-column:2/span 3}}@media (min-width: 768px){.prj-excerpt .grid{grid-column:span 2}}@media (min-width: 1450px){.prj-excerpt .grid{grid-column:span 4}}.prj-btn-wrap{position:fixed;top:.8rem;align-self:flex-end;margin-top:auto;grid-column:2}.prj-btn-wrap h2{font-size:1.2rem;color:#ffffffa6}@media (min-width: 768px){.prj-btn-wrap{top:2.625rem}.prj-btn-wrap h2{font-size:1.8rem}}.prj-btn-wrap.btn-fixed{z-index:100;left:.6rem}@media (min-width: 768px){.prj-btn-wrap.btn-fixed{left:2.625rem}}.prj-btn-wrap.btn-fixed.btn-blue{left:inherit;right:.6rem}@media (min-width: 768px){.prj-btn-wrap.btn-fixed.btn-blue{left:inherit;right:2.625rem}}.prj-btn-wrap.back{align-self:flex-start}.prj-btn-wrap.back button{border:.5px solid rgba(255,255,255,.2)}.prj-btn-wrap.back .arrow{transform:rotate(210deg)}.prj-btn-wrap.btn-blue button{background:rgba(0,62,255,.9);border:.5px solid rgba(0,62,255,.9);box-shadow:0 0 10px #003eff80}.prj-btn-wrap.btn-blue button:hover{background:rgba(255,255,255,.7);box-shadow:0 0 10px #fff3;border:.5px solid rgba(138,167,255,.2)}.preview .grid{row-gap:.8rem}@media (min-width: 768px){.preview .grid{row-gap:5rem}}@media (min-width: 1450px){.preview .grid{row-gap:10rem}}@font-face{font-family:PP Neue Montreal;src:url(/PPNeueMontreal.woff) format("woff")}:root{font-family:PP Neue Montreal,Helvetica,system-ui,sans-serif;font-weight:400;color-scheme:light dark;color:var(--color-text);background-color:var(--color-dark-3);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%}::selection{background-color:var(--color-dark-2);color:#003effe6}*{margin:0;padding:0;box-sizing:border-box;scroll-behavior:smooth}span{transition:all .2s cubic-bezier(.77,.08,.51,.83)}a{cursor:pointer;color:var(--color-text);text-decoration:inherit;transition:all .2s cubic-bezier(.77,.08,.51,.83);line-height:1.05;width:fit-content}a span:hover{color:var(--color-white)}body{margin:0;min-width:100vw;min-height:100vh}