*{scroll-behavior:smooth}.cursor-main{--size:0px;top:calc(var(--size)/-2);left:calc(var(--size)/-2);width:var(--size);height:var(--size);pointer-events:none;z-index:9999;mix-blend-mode:difference;background-color:#fff;border-radius:50px;transition:top .3s ease-out,left .3s ease-out,width .3s ease-out,height .3s ease-out;position:fixed;box-shadow:0 0 20px 4px #fff9}.cursor-icons{height:calc(var(--cursorH) - 20px);transition:all .5s ease-out,height .5s ease-in-out;top:10px;left:10px}.cursor-disable{--size:0px}@media only screen and (min-width:600px){.cursor-main{--size:50px}.cursor-disable{--size:0px}}.section-title{margin-top:100px;margin-bottom:60px;font-size:70px;font-weight:500;line-height:1.1}.section-title span{color:var(--main)}@media only screen and (max-width:1400px){.section-title{font-size:50px}}@media only screen and (max-width:1024px){.section-title{margin-top:60px;margin-bottom:40px;font-size:40px}}.footer-section{border-top:1px solid var(--border);padding-top:80px;padding-bottom:80px}.footer-container{max-width:1400px;margin:auto;padding:0 80px}.footer-section h3{text-transform:uppercase;margin:0 0 60px;font-size:60px;font-weight:400;line-height:1}.footer-flex{justify-content:space-between;gap:40px;display:flex}.footer-box{flex-direction:column;display:flex}.footer-box h4{opacity:.5;text-transform:uppercase;letter-spacing:.05em;margin:0;font-size:14px;font-weight:500}.footer-box p{margin-top:8px;margin-bottom:20px;font-size:16px}.footer-box p a{color:inherit;text-decoration:none}.footer-box p a:hover{opacity:.7}a.footer-social{border-bottom:1px solid var(--border);color:inherit;justify-content:space-between;align-items:center;min-width:220px;padding:10px 0;font-size:22px;text-decoration:none;transition:opacity .2s;display:flex}a.footer-social:hover{opacity:.6}.footer-box h2{margin:0 0 20px;font-size:22px;font-weight:400;line-height:1.4}.footer-box h2 span{color:var(--main)}.footer-copyright{opacity:.4;margin-top:auto;font-size:14px}@media only screen and (max-width:1200px){.footer-section h3{font-size:45px}a.footer-social{min-width:180px;font-size:18px}.footer-container{padding:0 50px}}@media only screen and (max-width:900px){.footer-flex{flex-direction:column;gap:40px}.footer-section h3{margin-bottom:40px;font-size:36px}.footer-container{padding:0 30px}a.footer-social{min-width:unset}}.work-section{box-sizing:border-box;will-change:transform;height:100vh;transition:all}.work-container{flex-direction:column;align-content:stretch;max-width:1400px;height:100%;margin:auto;padding:0 80px;display:flex}.work-flex{width:100%;height:100%;margin-left:-80px;padding-right:120px;display:flex;position:relative}.work-box{box-sizing:border-box;border-right:1px solid var(--border);flex-direction:column;flex-shrink:0;justify-content:start;gap:50px;width:600px;padding:80px;display:flex}.work-flex .work-box:nth-child(2n){flex-direction:column-reverse}.work-flex:before,.work-flex:after{content:"";background-color:var(--border);width:50000vw;height:1px;position:absolute;top:0;left:50%;transform:translate(-50%)}.work-flex:after{top:100%}.work-title{justify-content:space-between;width:100%;margin-bottom:20px;display:flex}.work-title>div{text-align:right}.work-title h3{margin:0;font-size:50px;font-weight:600;line-height:50px}.work-info h4{margin:0;font-size:18px;font-weight:400}.work-info p{color:var(--muted-foreground);margin:3px 0 0;font-weight:200}.work-info>p{width:90%}.work-tags{flex-wrap:wrap;gap:6px;margin-top:8px;display:flex}.work-tag{border:1px solid var(--border);color:var(--muted-foreground);background:#17171714;background:lab(7.78201% -.0000149012 0/.08);border-radius:999px;padding:3px 10px;font-size:11px}.dark .work-tag{background:#ffffff0f;background:lab(100% 0 0/.06)}.work-image{justify-content:center;width:100%;display:flex}.work-image-in{width:100%;position:relative}.work-visual{border-radius:8px;width:100%;height:220px;position:relative;overflow:hidden}.work-link{background-color:var(--background);width:44px;height:44px;box-shadow:0px 0px 10px 0px #00000026,inset 0px 0px 10px 0px var(--border);opacity:0;color:var(--foreground);border-radius:50px;justify-content:center;align-items:center;font-size:20px;transition:all .3s;display:flex;position:absolute;bottom:10px;right:10px}.work-image a:hover .work-link{opacity:1}@media only screen and (max-height:900px){.work-visual{height:160px}.work-box{padding-top:40px;padding-bottom:40px}.work-section h2{margin-top:70px;margin-bottom:30px;font-size:60px}}@media only screen and (max-width:1400px){.work-title h3{font-size:35px}.work-info p{font-size:13px}.work-info h4{font-size:15px}.work-box{width:450px;padding:50px}.work-flex{margin-left:-50px;padding-right:75px}.work-section h2{font-size:50px}}@media only screen and (max-width:1024px){.work-box{width:350px;padding:30px}.work-flex{margin-left:-30px;padding-right:45px}.work-container{align-content:normal}.work-flex{height:auto}}@media only screen and (max-height:650px){.work-visual{height:130px}.work-section h2{margin-bottom:20px;font-size:40px}.work-box{gap:20px}}@media only screen and (max-width:768px){.work-section{height:auto}.work-container{padding:0}.work-section h2{margin-top:40px;margin-bottom:20px;padding:0 20px;font-size:32px}.work-flex{scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;gap:16px;height:auto;margin-left:0;padding:0 20px 30px;overflow-x:auto}.work-flex::-webkit-scrollbar{display:none}.work-box{scroll-snap-align:start;border-right:none;border:1px solid var(--border);border-radius:16px;flex-shrink:0;gap:20px;width:82vw;padding:24px;flex-direction:column!important}.work-visual{height:170px}.work-title h3{font-size:26px;line-height:1.2}.work-info h4{font-size:14px}.work-info p{font-size:12px}}
