@charset "UTF-8";:root{--base: #211f20;--rgb-base: 33, 31, 32;--primary: #ca6036;--rgb-primary: 202, 96, 54;--secondary: #037b85;--rgb-secondary: 3, 123, 133;--yellow: #d0b53f;--bg-color: #eee;--cream: #ebdcc9;--body-w: 800px}div:has(>#me-img){position:absolute;right:-80px;bottom:-252px;z-index:5}#me-img{position:absolute;height:210px;width:auto;right:45px;bottom:7px}div:has(>#skill-img){position:absolute;bottom:-155px}#skill-img{position:absolute;height:210px;width:auto;left:1px;bottom:105px}div:has(>#project-bin-img){position:absolute;right:0;top:430px}#three-dots{position:absolute;height:210px;width:auto;right:36px;top:-400px;z-index:-1}#project-bin-img{position:absolute;height:210px;width:auto;right:0;bottom:122px}#vertical-bar{position:absolute;height:240px;width:auto;left:200%;top:100%;z-index:-1;animation:vertical-bar 2s ease-in forwards;animation-timeline:view(10% 5%)}@keyframes vertical-bar{0%{transform:translateY(0)}to{transform:translateY(50%)}}div:has(>#peek-img){position:absolute;top:50%;transform:translate(-38px)}#peek-img{position:absolute;height:210px;width:auto;left:35px;top:30px}html,body{overflow-x:hidden;width:100%}.skills-wrapper{position:relative;width:100%;margin-top:30vh}body{margin:0;font-weight:300;background:var(--base);color:var(--cream);font-family:Roboto,sans-serif;letter-spacing:.15em;line-height:1.6em;min-height:100vh}a{text-decoration:none;color:var(--primary);transition:color .3s ease}a:hover{color:var(--secondary)}h1,h2,h3,h4,.hero-title,.hero-subtitle,.editorial-nav a,.vertical-sidebar{font-family:Bebas Neue,sans-serif;font-weight:400;text-transform:uppercase}.vertical-sidebar{position:fixed;top:40vh;height:fit-content;writing-mode:vertical-rl;font-size:24px;letter-spacing:.3em;color:var(--secondary);z-index:10;opacity:.8;transition:opacity .5s;animation:vertical-sidebar 1s linear both;animation-timeline:scroll(root);animation-range:30% 40%}@keyframes vertical-sidebar{0%{opacity:0}to{opacity:1}}.left-sidebar{position:fixed;top:26vh;float:left;left:20px;z-index:100;transform:rotate(180deg) translateY(-100%)}.right-sidebar{position:fixed;top:20vh;float:right;right:20px;z-index:100;transform:translateY(100%)}#woof-case-study{background:url(/images/Woof/Woof-case-study.webp) no-repeat top center/cover;width:300px;height:500px}.img-gallery-uiux{height:500px;overflow-y:auto}.btn-view-code{background-color:var(--secondary);color:var(--base);line-height:1;text-align:center;font-family:Bebas Neue,sans-serif;font-size:16px;padding:8px 16px;margin-top:14px;border:none;display:inline-block;cursor:pointer;text-decoration:none}.btn-view-code:hover{color:var(--yellow);transition:.5s;background-color:var(--primary)}.btn-view-code:not(:hover){transition:.5s}.hero-container{min-height:100vh;display:flex;flex-direction:column;justify-content:center;position:relative;overflow:hidden}.hero-content{text-align:left;position:relative;z-index:2;margin-left:5vw}.hero-title{font-size:clamp(100px,20vw,300px);line-height:.8;margin:0;color:var(--primary);letter-spacing:.05em;text-shadow:4px 4px 0px rgba(0,0,0,.5)}.hero-subtitle{font-size:clamp(20px,5vw,60px);color:var(--cream);letter-spacing:.2em;margin-top:-20px;margin-left:1vw;mix-blend-mode:difference}.editorial-nav{position:absolute;top:40px;right:5vw;display:flex;flex-direction:column;align-items:flex-end;gap:15px;z-index:10}.editorial-nav a{font-size:28px;color:var(--cream);letter-spacing:.15em;transition:transform .3s cubic-bezier(.175,.885,.32,1.275),color .3s}.editorial-nav a:hover{color:var(--primary);transform:translate(-10px)}.section-title{font-size:clamp(60px,8vw,120px);color:var(--primary);letter-spacing:.1em;margin:0;line-height:1}.vertical-text{writing-mode:vertical-rl;transform:rotate(180deg);opacity:.3}.sub-heading{font-size:32px;color:var(--secondary);letter-spacing:.2em}.collage-section{position:relative;margin:15vh 0;display:flex;align-items:center;justify-content:center;min-height:60vh}.offset-right{justify-content:flex-end;padding-right:10vw}.retro-box{background-color:var(--base);border:8px solid var(--secondary);padding:40px;position:relative;z-index:5;outline:2px solid var(--secondary);outline-offset:8px;max-width:500px}.relative-collage{position:relative;display:inline-block}.duotone-img{filter:sepia(80%) brightness(.8);mix-blend-mode:normal;transition:filter 1s ease,mix-blend-mode 1s ease,transform .8s cubic-bezier(.175,.885,.32,1.275);position:relative;transform:scale(.95);z-index:10}.duotone-img.reveal{filter:sepia(0%) brightness(1)}.cutout{max-width:400px;height:auto}.z-top{z-index:10;position:relative}.displace-down{transform:translateY(50%);left:10vw}.displace-up{margin-top:-100px}.displace-up img{margin-left:-10px}.geometric-shape{position:absolute;z-index:2}.circle-shape{width:300px;height:300px;border-radius:50%;top:-50px;left:-50px}.semi-circle{width:200px;height:400px;border-radius:0 400px 400px 0;top:-20px;left:0}.bg-primary{background-color:var(--primary)}.bg-secondary{background-color:var(--secondary)}.bg-yellow{background-color:var(--yellow)}.skills{display:flex;gap:40px;background-color:var(--base);border-top:4px solid var(--primary);border-bottom:4px solid var(--primary);margin:0 auto;padding:80px 10%;box-sizing:border-box;width:100%;justify-content:center}.skills-category{width:fit-content;position:absolute;margin:0;top:0;left:-4px;color:var(--yellow);text-shadow:2px 4px 2.5px rgba(var(--rgb-base),.5)}.skills li:has(>.skill-item){list-style:none;padding-right:16px;position:relative}.skill-item{display:flex;align-items:center;justify-content:flex-start;padding:0 0 0 18px;margin:0;border-left:16px solid var(--primary)}.skill-item img{margin:0 10px;width:30px;height:30px}.skill-item h2{font-family:Waiting for the Sunrise,cursive;font-weight:400;font-size:20px;line-height:1.5em;letter-spacing:.3em;margin:10px 0}.skill-title{font-size:clamp(60px,8vw,120px);font-weight:400;letter-spacing:.1em;line-height:1em;color:var(--secondary);text-transform:uppercase;position:absolute;top:0;left:40px;transform:translateY(-80%);margin:0}.btn-53,.btn-53 *,.btn-53 :after,.btn-53 :before,.btn-53:after,.btn-53:before{border:0 solid;box-sizing:border-box}.btn-53{-webkit-tap-highlight-color:transparent;-webkit-appearance:button;appearance:button;background-color:var(--secondary);background-image:none;color:var(--secondary);cursor:pointer;font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-size:100%;line-height:1.5;margin:0;-webkit-mask-image:-webkit-radial-gradient(#000,#fff);mask-image:radial-gradient(#000,#fff);padding:0}.btn-53 a{color:var(--secondary)}.btn-53:disabled{cursor:default}.btn-53:-moz-focusring{outline:auto}.btn-53 svg{display:block}.btn-53 [hidden]{display:none}.btn-53{font-size:13px;margin:0;border:5px solid var(--secondary);border-radius:50px;box-sizing:border-box;display:block;font-weight:900;overflow:hidden;position:relative;text-transform:uppercase;width:fit-content;align-self:end}.btn-53:hover{background:var(--primary);border:5px solid var(--primary);transition:.5s ease-in-out}.btn-53:not(:hover){transition:.5s ease-in-out}.btn-53 .original{background:transparent;color:var(--primary);display:grid;inset:0;place-content:center;position:absolute;transition:transform .2s cubic-bezier(.87,0,.13,1)}.btn-53:hover .original{transform:translateY(100%)}.btn-53 .letters{display:inline-flex;padding:.5rem 1.5rem}.btn-53 span{opacity:0;transform:translateY(-15px);transition:transform .2s cubic-bezier(.87,0,.13,1),opacity .2s}.btn-53 span:nth-child(2n){transform:translateY(15px)}.btn-53:hover span{opacity:1;transform:translateY(0)}.btn-53:hover span:nth-child(2){transition-delay:.1s}.btn-53:hover span:nth-child(3){transition-delay:.2s}.btn-53:hover span:nth-child(4){transition-delay:.3s}.btn-53:hover span:nth-child(5){transition-delay:.4s}.btn-53:hover span:nth-child(6){transition-delay:.5s}.btn-53:hover span:nth-child(7){transition-delay:.6s}.btn-53:hover span:nth-child(8){transition-delay:.7s}.text-center{text-align:center;width:100%}.projects-carousel-section{padding:10vh 0;overflow:hidden}.carousel-container{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:5vw;padding:40px 10vw 80px;scrollbar-width:none;-ms-overflow-style:none}.carousel-container::-webkit-scrollbar{display:none}.carousel-card-new{flex:0 0 auto;width:80vw;max-width:550px;height:600px;scroll-snap-align:center;position:relative;margin-top:20px}.carousel-card-new:hover .card-content-box{transform:translate(20px,-10px)}.card-outline{position:absolute;top:0;right:0;width:85%;height:80%;border:4px solid var(--secondary);z-index:0}.card-image-bg{position:absolute;top:15px;right:15px;width:85%;height:80%;background-position:center;background-repeat:no-repeat;background-size:cover;z-index:1}.binfind-bg{background-image:url(/images/Binfind.webp)}.city2table-bg{background-image:url(/images/CIty2table.webp)}.woof-bg{background-image:url(/images/Woof.webp)}.duotone-cyan{filter:sepia(100%) hue-rotate(150deg) saturate(300%) contrast(1.2) brightness(.8);mix-blend-mode:hard-light}.card-content-box{position:absolute;bottom:0;left:0;width:80%;background-color:rgba(var(--rgb-base),.8);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:4px solid var(--primary);padding:40px 30px;z-index:2;box-shadow:10px 10px 30px #00000080;transition:transform .3s cubic-bezier(.175,.885,.32,1.275);display:flex;flex-direction:column;gap:30px}.card-title-box{display:flex;justify-content:space-between;align-items:center}.language-icons{display:flex;gap:10px}.language-icon{width:30px;height:30px}.card-title-new{color:var(--secondary);font-family:Bebas Neue,sans-serif;font-size:50px;letter-spacing:.15em;line-height:1;margin:0}.card-content-box p{color:var(--cream);font-size:16px;letter-spacing:.1em;margin:0}.popup{max-height:533px;width:660px;position:fixed;top:50px;left:17.5vw;padding:3% 5%;background-color:rgba(var(--rgb-base),.8);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:0;border:4px solid var(--primary);text-align:center;display:none;z-index:1000}.popup::-webkit-scrollbar{width:8px}.popup::-webkit-scrollbar-track{background-color:var(--base);border:1.5px solid var(--secondary);border-left-color:var(--yellow);border-left-style:dashed;border-left-width:2px;border-radius:2px}.popup::-webkit-scrollbar-thumb{border-radius:2px;background-color:var(--secondary)}.popup.active{display:block;overflow-y:auto;overflow-x:hidden}.popup h2{font-size:2em;color:var(--secondary);text-align:center;margin-top:0}.popup p{line-height:1.3;letter-spacing:.08em;font-size:20px;text-align:left;font-style:normal;font-size:16px;letter-spacing:.1em}.overlay{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;z-index:999}.overlay.active{display:block}.img-gallery{height:fit-content;width:100%;margin-bottom:23px;padding-bottom:12px;overflow-x:auto;overflow-y:hidden}.img-gallery::-webkit-scrollbar{height:10px}.img-gallery::-webkit-scrollbar-track{background-color:var(--base);border:2px solid var(--primary);border-bottom-color:var(--secondary);border-left-color:var(--yellow);border-right-color:var(--yellow);border-top-style:dashed;border-top-width:2.5px;border-radius:2px}.img-gallery::-webkit-scrollbar-thumb{border-radius:2px;background-color:var(--primary)}.app-imgs{width:fit-content;display:flex;justify-content:center}.app-imgs .app-img-binfind{width:200px;height:430px;margin-right:18px}.app-img-binfind:nth-last-child(1){margin-right:0}#binfind-landing{background:url(/images/Binfind/binfind1.webp) no-repeat center center/cover}#binfind-category{background:url(/images/Binfind/binfind2.webp) no-repeat center center/cover}#binfind-search{background:url(/images/Binfind/binfind3.webp) no-repeat center center/cover}#binfind-route{background:url(/images/Binfind/binfind4.webp) no-repeat center center/cover}#binfind-nightmode{background:url(/images/Binfind/binfind5.webp) no-repeat center center/cover}.app-imgs .app-img-city2table{width:412px;height:231px;margin-right:18px}.app-img-city2table:nth-last-child(1){margin-right:0}#city2table-landing{background:url(/images/City2table/city2table1.webp) no-repeat top center/cover}#city2table-order{background:url(/images/City2table/city2table2.webp) no-repeat center center/cover}#city2table-create{background:url(/images/City2table/city2table3.webp) no-repeat center center/cover}.content-uiux{display:flex;justify-content:space-between;width:100%;gap:20px}.content-uiux>div:first-child{flex:1}.content-uiux>div>p{width:100%;margin-top:0;margin-bottom:50px}.img-gallery-uiux{flex:0 0 300px;height:500px;overflow-y:auto;padding-right:12px}#woof-case-study{background-image:url(/images/Woof/Woof-case-study.jpg);background-repeat:no-repeat;background-position:top center;background-size:contain;width:100%;height:6890px;display:block}.img-gallery-uiux::-webkit-scrollbar{width:10px}.img-gallery-uiux::-webkit-scrollbar-track{background-color:var(--base);border:2px solid var(--primary);border-left-color:var(--secondary);border-top-color:var(--yellow);border-bottom-color:var(--yellow);border-right-style:dashed;border-right-width:2.5px;border-radius:2px}.left-sidebar-marquee{position:absolute;top:60px;bottom:0;left:20px;width:40px;display:flex;flex-direction:column;pointer-events:none;align-items:center;height:100%}.marquee-vertical{flex:1;display:flex;flex-direction:column;overflow:hidden;position:relative;transform:rotate(180deg)}.marquee-vertical span{display:block;writing-mode:vertical-rl;font-family:Bebas Neue,sans-serif;font-size:14px;letter-spacing:.2em;color:var(--secondary);white-space:nowrap;animation:marquee-up 15s linear infinite;padding:20px 0;filter:contrast(.5) brightness(1.5)}@keyframes marquee-up{0%{transform:translateY(0)}to{transform:translateY(-50%)}}.marquee-tag{width:21px;height:124px;background-color:var(--primary);color:var(--base);font-family:Bebas Neue,sans-serif;font-size:12px;letter-spacing:.15em;writing-mode:vertical-rl;transform:rotate(180deg);text-align:center;pointer-events:auto;position:absolute;top:72vh;top:72dvh}.site-footer{display:flex;justify-content:center;padding:15vh 5vw 10vh 5vw}.footer-content{text-align:center;max-width:800px;margin:0 auto}.social-links{margin-top:40px}.icon-footer a{color:var(--primary);font-size:40px;transition:color .4s ease,transform .4s ease;display:inline-block}.icon-footer a:hover{color:var(--secondary);transform:translateY(-5px)}.list-inline{list-style:none;padding:0;display:flex;justify-content:center;gap:30px}@media (max-width: 768px){.left-sidebar-marquee{left:10px;width:20px}.marquee-vertical span{font-size:12px}.hero-content{margin-left:11vw}.editorial-nav{top:20px;right:2vw}.editorial-nav a{font-size:20px}.collage-section{justify-content:center;padding-right:0;flex-direction:column;margin-bottom:-29vh}.vertical-text{writing-mode:lr;transform:rotate(0)}.about-me-div{text-align:left;margin-left:auto;margin-right:auto;width:55%;padding:20px 30px}.sub-heading{font-size:24px}.displace-down{transform:scale(.6);transform-origin:right top;position:relative;left:0;top:0;margin-bottom:30px;text-align:center}.displace-up{transform:scale(.6);transform-origin:left top;margin-top:-50px}.skill-title{opacity:.8;left:0;top:0;transform:translateY(-75%)}.skills-wrapper{margin:0;margin-bottom:-40vh}.skills{display:flex;flex-direction:column;gap:70px;padding-bottom:35px;width:100%;margin:0;box-sizing:border-box}.dog-image-container-left,div:has(>#peek-img),img:has(+#project-bin-img),#project-bin-img{display:none}.card-content-box{padding:20px}.card-title-new{font-size:32px}.card-content-box p{font-size:14px;margin-bottom:0}.carousel-container{padding:20px 5vw 40px;gap:10vw}.carousel-card-new{width:85vw;height:450px}.popup{left:8vw;width:68vw;max-height:70vh;padding:7.5% 6%}.content-uiux{flex-direction:column;gap:20px}.app-img-binfind,.app-img-city2table{width:100%;max-width:300px;height:auto}.img-gallery{overflow-x:auto}.img-gallery-uiux{height:auto}#woof-case-study{width:100%;height:5850px;background-size:cover;background-position:top center}#three-dots{right:-5%;transform:translateY(55%)}div:has(>#project-bin-img){top:800px;transform:scale(.7);transform-origin:right top}.vertical-sidebar{display:none}.site-footer{padding-block-start:20px;padding-block-end:20px}}