.hi-container{z-index:10;color:#fff}.job-text{position:absolute;white-space:nowrap;font-size:clamp(1.5rem,5vw,3rem);left:50%;transform:translate(-50%);z-index:10}.snap-point{position:relative;height:100vh;scroll-snap-align:start;background-color:#ffbe98;display:flex;justify-content:center;align-items:center;z-index:0}.welcome-section{font-family:ivypresto-display,serif;font-weight:400;font-style:normal}h1{font-weight:400}.benNames{width:80vw;z-index:5}.game{position:relative;width:60vw;height:60vh;margin:auto;overflow:hidden}.Three{width:80vw;height:80vh}@media (max-width: 768px){.benNames{width:160vw}.Three{width:95vw;height:95vh}}.front-parent{width:60vw;height:60vh;display:flex;justify-content:space-between;align-items:center;position:relative}.letter-box{max-width:20vw;display:flex;align-items:center;justify-content:center;text-align:center;font-size:16vw;color:#fff;position:relative;font-family:ivypresto-display,serif;cursor:pointer}.b{position:relative;z-index:2;font-family:ivypresto-display,serif;font-weight:400}.b-background{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;height:100%;color:transparent;background-image:linear-gradient(to right,#fcac8c,#942e2b,#f57e75);background-size:200% 100%;background-position:-100% 0;transition:background-position 1s,opacity 1s;-webkit-background-clip:text;background-clip:text;filter:blur(8px);z-index:1;font-family:ivypresto-display,serif;font-weight:400;opacity:0}.letter-box:hover .b-background{background-position:100% 0;opacity:1;transition:background-position 1s,opacity 1s}.e{color:#ffbe98;transition:color .3s,text-shadow .3s}.letter-box:hover .e:not(.concave){color:#ffbe98;text-shadow:8px 8px 15px #faac7e,-8px -8px 15px #f7c6aa}.e.concave{color:#ffbe98;text-shadow:8px 8px 15px #f7c6aa,-8px -8px 15px #faac7e}.n{position:relative;z-index:2;font-family:ivypresto-display,serif;font-weight:400;color:#fff}.n-glitch{position:absolute;top:0;left:0;width:100%;height:100%;color:#fff;opacity:0;pointer-events:none}.letter-box:hover .n-glitch{opacity:1;animation:glitch .5s infinite}.letter-box:hover .n-glitch-before{animation:glitch-before .65s infinite}.letter-box:hover .n-glitch-after{animation:glitch-after 375ms infinite}@keyframes glitch-before{0%{clip-path:polygon(0 0,100% 0,100% 45%,0 45%);transform:translate(0)}10%{clip-path:polygon(0 0,100% 0,100% 45%,0 45%);transform:translate(-3px,-3px)}20%{clip-path:polygon(0 0,100% 0,100% 45%,0 45%);transform:translate(3px,3px)}30%{clip-path:polygon(0 0,100% 0,100% 45%,0 45%);transform:translate(-3px,3px)}40%{clip-path:polygon(0 0,100% 0,100% 45%,0 45%);transform:translate(3px,-3px)}50%{clip-path:polygon(0 0,100% 0,100% 45%,0 45%);transform:translate(-3px,-3px)}60%{clip-path:polygon(0 0,100% 0,100% 45%,0 45%);transform:translate(3px,3px)}70%{clip-path:polygon(0 0,100% 0,100% 45%,0 45%);transform:translate(-3px,3px)}80%{clip-path:polygon(0 0,100% 0,100% 45%,0 45%);transform:translate(3px,-3px)}90%{clip-path:polygon(0 0,100% 0,100% 45%,0 45%);transform:translate(-3px,-3px)}to{clip-path:polygon(0 0,100% 0,100% 45%,0 45%);transform:translate(3px,3px)}}@keyframes glitch-after{0%{clip-path:polygon(0 80%,100% 20%,100% 100%,0 100%);transform:translate(0)}10%{clip-path:polygon(0 80%,100% 20%,100% 100%,0 100%);transform:translate(-3px,-3px)}20%{clip-path:polygon(0 80%,100% 20%,100% 100%,0 100%);transform:translate(3px,3px)}30%{clip-path:polygon(0 80%,100% 20%,100% 100%,0 100%);transform:translate(-3px,3px)}40%{clip-path:polygon(0 80%,100% 20%,100% 100%,0 100%);transform:translate(3px,-3px)}50%{clip-path:polygon(0 80%,100% 20%,100% 100%,0 100%);transform:translate(-3px,-3px)}60%{clip-path:polygon(0 80%,100% 20%,100% 100%,0 100%);transform:translate(3px,3px)}70%{clip-path:polygon(0 80%,100% 20%,100% 100%,0 100%);transform:translate(-3px,3px)}80%{clip-path:polygon(0 80%,100% 20%,100% 100%,0 100%);transform:translate(3px,-3px)}90%{clip-path:polygon(0 80%,100% 20%,100% 100%,0 100%);transform:translate(-3px,-3px)}to{clip-path:polygon(0 80%,100% 20%,100% 100%,0 100%);transform:translate(3px,3px)}}@media (prefers-reduced-motion: reduce){*,:before,:after{animation-delay:-1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important;background-attachment:initial!important;scroll-behavior:auto!important;transition-duration:0s!important;transition-delay:0s!important}}.intro-container{position:relative;min-height:100vh;scroll-snap-align:start;background:linear-gradient(to bottom,#ffbe98,#ffcca4);z-index:15}a{color:#ca1f1f}.intro-content{padding-left:10vw;padding-right:10vw;padding-top:10vh;padding-bottom:10vh}.dpText{font-family:ivypresto-display,serif;font-weight:400;font-style:normal}.list-item{padding-left:0;margin-left:0;padding-bottom:.125rem;font-family:lemon-sans-next-condensed,sans-serif;font-weight:400;font-size:1.2em}.intro-list{padding-left:0;margin-left:0}.list-1{padding-left:0;padding-bottom:.25rem;font-weight:600;color:#5d4735}.list-2{font-weight:600;color:#2d221a}.list-3{font-style:italic}.row{margin:0}.title{margin-bottom:.1em}.horizontalLine{color:gray}.introDesc{font-family:lemon-sans-next-condensed,sans-serif;font-weight:400;font-size:1.2em}@media (max-width: 768px){.list-item{padding-left:0;margin-left:0;padding-bottom:.125rem;font-family:lemon-sans-next-condensed,sans-serif;font-weight:400;font-size:1em;display:flex;justify-content:space-between}.list-1{padding-left:0;padding-bottom:.25rem;font-weight:400;flex:1;text-align:left}.list-2{display:none}.list-3{font-style:italic;text-align:right}}.title{font-size:4em;padding-bottom:1em;font-family:ivypresto-display,serif;font-weight:400;font-style:normal;color:#2d221a}.works-bg{position:relative;min-height:100vh;background-color:#ffcca4;z-index:15}.works-container{padding-left:10vw;padding-right:10vw;padding-top:10vh;padding-bottom:10vh}.work-title{font-family:lemon-sans-next-condensed,sans-serif;font-weight:700;font-size:1.3em;color:#4b3628;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.works-list{list-style:none;padding:0}.work-item{font-family:lemon-sans-next-condensed,sans-serif;font-weight:400;font-size:1.2em;cursor:pointer;padding:1em 1em .1em;margin-bottom:1em;border-radius:5px;width:80vw;color:#303030;background:#ffcca4;box-shadow:2.5px 2.5px 8px #f1b689,-2.5px -2.5px 8px #f3cbad;transition:box-shadow .25s ease,background-color .25s ease}.work-item-selected{box-shadow:inset 2.5px 2.5px 8px #f1b689,inset -2.5px -2.5px 8px #f3cbad;background:#fac49a}.work-details{margin-top:10px;padding:10px;background-color:#807a7a}@media only screen and (max-device-width: 1000px){.thumbnail{position:fixed;display:block;max-width:50vw;max-height:50vh}}@media only screen and (min-device-width: 1001px){.thumbnail{position:fixed;display:block;max-width:15vw;max-height:15vh}}.thumbnailImage{max-width:100%;max-height:100%}.unfoldedSection-head{width:100%}.UnfoldRight{text-align:end}.row>*{margin:0;padding-left:0}.workImages{width:95%;height:auto;margin-bottom:1vh}iframe{min-height:40vh}.contacts-bg{display:flex;position:relative;min-height:50vh;background-color:#584433;z-index:15;justify-content:center;align-items:center}.snap{scroll-snap-align:start}.button{height:4em;width:20em;border:none;border-radius:0;background-color:#584433;cursor:pointer;position:relative;overflow:hidden;display:inline-flex;align-items:center;justify-content:center}.button .container{z-index:5;width:0;position:relative;display:flex;justify-content:center;transition:all .4s;height:100%;align-items:center;background-color:#584433}.button .container svg{padding:0 10px}.buttonicon{max-width:2.5em;max-height:2.5em;margin-left:1em;margin-right:1em;fill:#fff}@media (max-width: 768px){.work-title{font-size:1em}}html,body{margin:0;padding:0;height:100%;overflow:hidden}#root{height:100vh;scroll-snap-type:y mandatory;overflow-y:auto;overflow-x:hidden}*{margin:0;padding:0;box-sizing:border-box}