.project-gallery-hero{text-align:justify;background-color:#050505;width:100%;height:150svh;padding:20vh 2rem 2rem;position:relative;overflow:hidden}.project-gallery-hero:before{content:"";z-index:0;pointer-events:none;background-image:linear-gradient(#ffffff0d 1px,#0000 1px),linear-gradient(90deg,#ffffff0d 1px,#0000 1px);background-size:50px 50px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(circle,#000 30%,#0000 90%);mask-image:radial-gradient(circle,#000 30%,#0000 90%)}.project-gallery-hero:after{content:"";z-index:0;pointer-events:none;background:radial-gradient(circle at 10% 10%,#ff982a3d 0%,#0000 40%),radial-gradient(circle at 70% 60%,#0510ac52 0%,#020fd357 70%),radial-gradient(circle at 20% 80%,#0000 0%,#01011900 50%);position:absolute;inset:0}.project-gallery-hero .noise-overlay{opacity:.04;mix-blend-mode:overlay;pointer-events:none;z-index:0;background:url("data:image/svg+xml,%3Csvg viewBox='0 0 400 400' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E");position:absolute;inset:0}.project-gallery-hero canvas{pointer-events:auto;z-index:2;width:100%;height:100%;position:absolute;top:0;left:0}.project-gallery-title{z-index:1;text-transform:uppercase;letter-spacing:-.02em;color:#fff;pointer-events:none;text-align:center;flex-direction:column;align-items:center;width:100%;margin:0;font-family:Chillax,sans-serif;font-size:clamp(2.6rem,8vw,15rem);font-weight:800;display:flex;position:relative}.title-line{justify-content:center;align-items:center;gap:.25em;margin:-.1em -.15em;line-height:1.05;display:inline-flex}.title-word{will-change:transform,opacity;display:inline-block}@media (max-width:1000px){.project-gallery-hero{height:110svh;padding-top:15vh}}.title-icon{vertical-align:-.08em;-webkit-user-select:none;user-select:none;will-change:transform,opacity;width:auto;height:.8em;margin:0 .12em;display:inline-block}@media (max-width:768px){.title-icon{vertical-align:-.06em;height:.75em;margin:0 .08em}}
.work-page{background-color:var(--base-500);color:#fff;min-height:100vh}.work-hero{border-bottom:1px solid #ffffff1a;margin-bottom:5rem;padding:0 1.5rem 5rem}.work-hero-header{flex-direction:column;display:flex}.work-hero-header .subheader{color:#fff;text-transform:uppercase;margin-bottom:1rem;padding-left:50px;font-size:clamp(2.5rem,5vw,5rem);font-style:normal;font-weight:400;line-height:.75}.work-hero-header h1:not(.subheader){text-transform:uppercase;letter-spacing:-.05em;color:#fff;margin:0;font-family:Chillax,sans-serif;font-size:clamp(5rem,15vw,15rem);font-weight:900;line-height:.85}.work-grid{grid-template-columns:repeat(2,1fr);gap:4rem 2rem;padding-bottom:10rem;display:grid}.work-item{flex-direction:column;gap:1.5rem;display:flex}.work-item-image{aspect-ratio:4/5;border-radius:0;overflow:hidden}.work-item-image img{object-fit:cover;width:100%;height:100%;transition:transform .8s cubic-bezier(.22,1,.36,1)}.work-item:hover .work-item-image img{transform:scale(1.05)}.work-item-info{flex-direction:column;gap:1rem;display:flex}.work-item-header{border-bottom:1px solid #fff3;justify-content:space-between;padding-bottom:.5rem;display:flex}.work-item-header h2{font-family:Chillax,sans-serif;font-size:1.5rem;font-weight:400}.work-item-header p{opacity:.7}@media (max-width:800px){.work-grid{grid-template-columns:1fr}}