@import"https://fonts.googleapis.com/css2?family=Fraunces:wght@400;600;700&family=Lato:wght@300;400;700&display=swap";.bookstore-bg{background:radial-gradient(circle at 30% 20%,#fff,#f9f8ff 45%,#ede0e1 70%,#b3b3ff);background-size:cover;background-position:center;position:relative;padding:4rem 0;min-height:100vh}video.book-box{display:block;width:100%;height:auto;padding:0;border-radius:20px;object-fit:cover}.bookstore-bg:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:#fff9;z-index:0}.book-container{position:relative;z-index:1}.bookstore-bg{padding-top:calc(4rem + var(--nav-height));overflow:hidden}.book-container{margin-top:0}.bookstore-bg,.bookstore-bg:before{position:relative}.book-container{max-width:1400px;margin:0 auto 20px;padding:0 2rem;background-image:none}.book-project-image{width:100%;margin-bottom:2rem;border-radius:20px}.book-grid{column-count:2;column-gap:1.5rem}.book-box{display:inline-block;width:100%;margin-bottom:1.5rem;background-color:#fff;padding:1.2rem;border-radius:20px;overflow:hidden}.book-box p,.book-box ul{font-family:Lato,sans-serif;font-size:2rem;color:#333;line-height:1.4}.book-box ul{list-style-type:disc;padding-left:1.5rem;color:#333}.book-box ul li::marker{font-size:2rem}.book-box ul li:nth-child(1)::marker{color:#dbdbff}.book-box ul li:nth-child(2)::marker{color:#b3b3ff}.book-box ul li:nth-child(3)::marker{color:#c7c7ff}.book-box ul li:nth-child(4)::marker{color:#dbf0ff}.book-box ul li:nth-child(5)::marker{color:#d1ffdd}.book-box ul li:nth-child(6)::marker{color:#a3e1c9}.book-box ul li:nth-child(7)::marker{color:#80d6b1}.book-box ul li:nth-child(8)::marker{color:#4bbe9a}.book-box ul li:nth-child(9)::marker{color:#2a9d7c}.book-box ul li:nth-child(10)::marker{color:#dbdbff}img.book-box{display:block;width:100%;height:auto;padding:0;border-radius:20px;object-fit:cover}.book-box img{display:block;width:100%;height:auto;object-fit:cover;border-radius:inherit}.book-box h1{padding-bottom:12px;font-size:2rem}.book-two,.book-three{max-height:300px}.book-fifteen p{font-family:OpenSauceSans-Light}.book-github-link{color:#b3b3ff;font-weight:600;text-decoration:none;transition:color .3s ease}.book-github-link:hover{color:#c7c7ff}@media (max-width: 900px){.book-grid{column-count:1}.book-btn-group{flex-direction:column;gap:.75rem}.book-box p,.book-box ul{font-size:1.6rem}img.book-box,.book-box img{width:100%;height:auto;max-height:none;object-fit:contain}}.taskmanager-bg{background:radial-gradient(circle at 30% 20%,#fff,#fff7fb 45%,#ffe6f0 70%,#ff93d5);background-size:cover;background-position:center;position:relative;padding:4rem 0;min-height:100vh}.taskmanager-bg:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:#fff9;z-index:0}.task-container{position:relative;z-index:1}.taskmanager-bg{padding-top:calc(4rem + var(--nav-height));overflow:hidden}.task-container{margin-top:0}.taskmanager-bg,.taskmanager-bg:before{position:relative}.task-container{max-width:1400px;margin:0 auto 20px;padding:0 2rem;background-image:none}.task-project-image{width:100%;margin-bottom:2rem;border-radius:20px}.task-grid{column-count:2;column-gap:1.5rem}.task-box{display:inline-block;width:100%;margin-bottom:1.5rem;background-color:#fff;padding:1.2rem;border-radius:20px;overflow:hidden}.task-box p,.task-box ul{font-family:Lato,sans-serif;font-size:2rem;color:#333;line-height:1.4}.task-box ul{list-style-type:disc;padding-left:1.5rem;color:#333}.task-box ul li::marker{font-size:2rem}.task-box.task-nine p{font-family:OpenSauceSans-Light}.task-box ul li:nth-child(1)::marker{color:#ffcce9}.task-box ul li:nth-child(2)::marker{color:#ffb3e1}.task-box ul li:nth-child(3)::marker{color:#ff93d5}.task-box ul li:nth-child(4)::marker{color:#ff69b4}.task-box ul li:nth-child(5)::marker{color:#ff85c1}.task-box ul li:nth-child(6)::marker{color:#ffbce0}img.task-box{display:block;width:100%;height:auto;padding:0;border-radius:20px;object-fit:cover}.task-box img{display:block;width:100%;height:auto;object-fit:cover;border-radius:inherit}.task-box h1{padding-bottom:12px;font-size:2rem}.task-two,.task-three,.task-four{max-height:300px}.task-github-link{color:#ff93d5;font-weight:600;text-decoration:none;transition:color .3s ease}.task-github-link:hover{color:#ff69b4}@media (max-width: 900px){.task-grid{column-count:1}.task-btn-group{flex-direction:column;gap:.75rem}.task-box p,.task-box ul{font-size:1.6rem}img.task-box,.task-box img{width:100%;height:auto;max-height:none;object-fit:contain}}.shellwork-bg{background:radial-gradient(circle at 30% 20%,#fdfbf7,#faf3e1 35%,#f6e0ad 65%,#f2c24d);background-size:cover;background-position:center;position:relative;padding:4rem 0;min-height:100vh}.shellwork-bg:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:#fff9;z-index:0}body.no-home-bg,body.no-home-bg #root,body.no-home-bg .app{background:#fff!important}.shell-container{position:relative;z-index:1}html,body{margin:0;padding:0}body{padding-top:0!important}:root{--nav-height: 80px}.shellwork-bg{padding-top:calc(4rem + var(--nav-height));overflow:hidden}.shell-container{margin-top:0}.shellwork-bg,.shellwork-bg:before{position:relative}.shell-container{max-width:1400px;margin:0 auto 20px;padding:0 2rem;background-image:none}.shell-project-image{width:100%;margin-bottom:2rem;border-radius:20px}.shell-grid{column-count:2;column-gap:1.5rem}.shell-box{display:inline-block;width:100%;margin-bottom:1.5rem;background-color:#fff;padding:1.2rem;border-radius:20px;overflow:hidden}.shell-box p,.shell-box ul{font-family:Lato,sans-serif;font-size:2rem;color:#333;line-height:1.4}.shell-box ul{list-style-type:disc;padding-left:1.5rem;color:#333}.shell-box ul li::marker{font-size:2rem}.shell-box ul li:nth-child(1)::marker{color:#e8b84b}.shell-box ul li:nth-child(2)::marker{color:#d9a937}.shell-box ul li:nth-child(3)::marker{color:#c9972d}.shell-box ul li:nth-child(4)::marker{color:#b88522}.shell-box ul li:nth-child(5)::marker{color:#a7751a}.shell-box ul li:nth-child(6)::marker{color:#e0b55c}.shell-box ul li:nth-child(7)::marker{color:#e9c16b}.shell-box ul li:nth-child(8)::marker{color:#f0d080}.shell-box ul li:nth-child(9)::marker{color:#f4db99}.shell-box ul li:nth-child(10)::marker{color:#f8e7b8}img.shell-box{display:block;width:100%;height:auto;padding:0;border-radius:20px;object-fit:cover}.shell-box img{display:block;width:100%;height:auto;object-fit:cover;border-radius:inherit}.shell-box h1{padding-bottom:12px;font-size:2rem}.shell-github-link{color:#fc0;font-weight:600;text-decoration:none;transition:color .3s ease}.shell-github-link:hover{color:#ffd633}@media (max-width: 900px){.shell-grid{column-count:1}.shell-btn-group{flex-direction:column;gap:.75rem}.shell-box p,.shell-box ul{font-size:1.6rem}img.shell-box,.shell-box img{width:100%;height:auto;max-height:none;object-fit:contain}}@font-face{font-family:Giaza;src:url(/font/Giaza.woff2) format("woff2"),url(/font/Giaza.woff) format("woff"),url(/font/Giaza.otf) format("opentype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:OpenSauceSans-Light;src:url(/font/OpenSauceSans-Light.ttf) format("opentype");font-weight:400;font-style:normal}@font-face{font-family:OpenSauceSans-Regular;src:url(/font/OpenSauceSans-Regular.ttf) format("opentype");font-weight:400;font-style:normal}@font-face{font-family:OpenSauceSans-SemiBold;src:url(/font/OpenSauceSans-SemiBold.ttf) format("opentype");font-weight:400;font-style:normal}@font-face{font-family:OpenSauceSans-Black;src:url(/font/OpenSauceSans-Black.ttf) format("opentype");font-weight:400;font-style:normal}*{margin:0;padding:0;box-sizing:border-box;font-family:OpenSauceSans-Light,sans-serif}body{padding-top:100px;background-image:url(/images/bg.jpg);background-repeat:no-repeat;background-size:cover;background-position:center 30%;background-attachment:fixed}html{scroll-behavior:smooth}.container{max-width:1400px;margin:0 auto;padding:0 2rem}.scroll-target{position:relative;isolation:isolate}#hero{display:block;padding:180px 0;min-height:unset}.hero-grid{display:grid;grid-template-columns:1fr;grid-template-areas:"text" "image";align-items:start;max-width:1400px;width:100%;gap:200px;margin:0 auto}.content{grid-area:text;max-width:800px;justify-self:start;text-align:left}.hero-image{grid-area:image;position:relative;display:flex;justify-content:flex-start;align-items:center;margin-top:120px;margin-bottom:160px;min-height:420px}#hero h1{font-size:8rem;font-weight:700;color:#fff;font-family:Giaza,sans-serif;padding-top:100px}#hero p{color:#555;margin-top:12px}#hero .description{font-size:1.8rem;max-width:1000px;line-height:1.4;word-break:break-word;font-family:OpenSauceSans-Regular,sans-serif}#quote-grid-container{display:flex;flex-direction:column;gap:20px;padding:50px 0;overflow:visible;min-height:auto}.quote-grid-row{display:flex;gap:60px;justify-content:center;width:100%}.quote-card{background:transparent;padding:100px;font-size:2rem;font-weight:700;text-align:center;font-family:OpenSauceSans-Regular,sans-serif;border-radius:98px;border-color:#555;border-style:solid;color:#555;margin-top:40px}#projects{margin:0 auto;padding:160px 0}#projects h1{font-size:3rem;font-weight:700;color:#fff;font-family:OpenSauceSans-Regular,sans-serif}.projects-grid{display:flex;flex-direction:column;gap:60px;margin-top:60px}.project-card{text-align:center;display:grid;align-items:stretch;overflow:hidden;max-height:320px;max-width:40%;border-radius:98px;border:2px solid #555}.project-content{padding:40px}.project-content h3{font-size:1.8rem;font-weight:400;opacity:.7}.project-content h4{font-size:2.8rem;font-weight:700;color:#333}.project-content p{font-size:1.4rem;margin-top:10px;opacity:.7}.view-project{font-size:2rem;font-weight:700;color:#e888a2;text-decoration:none;margin-top:20px;display:inline-block}.one,.two,.three{background-color:transparent;border-color:#555;border-style:solid;color:#333}.projects-grid .project-card:hover{transform:scale(1.04) translateY(-2px);transform-origin:center;transition:transform .8s cubic-bezier(.16,1,.3,1),transform-origin .8s cubic-bezier(.16,1,.3,1);background-color:#ede0e1}.projects-grid .project-card{position:relative;overflow:hidden}.projects-grid .project-card:hover{transform:scale(1.04) translateY(-2px);transform-origin:center;transition:transform .8s cubic-bezier(.16,1,.3,1),transform-origin .8s cubic-bezier(.16,1,.3,1);background-color:#fff}.projects-grid .project-card:before{content:"";position:absolute;top:0;left:-150%;width:60%;height:100%;background:linear-gradient(120deg,#fff0,#ffffff8c,#fff0);filter:blur(2px);opacity:0;pointer-events:none;transition:opacity .4s ease}.projects-grid .project-card:hover:before{opacity:1;animation:card-light-glide 1.8s ease-in-out forwards}@keyframes card-light-glide{0%{left:-150%}60%{left:150%}to{left:150%;opacity:0}}#experience .container{margin:0 auto;padding:60px 0}#experience h1{font-size:3rem;font-weight:700;color:#fff;font-family:OpenSauceSans-Regular,sans-serif}.experience-item{margin-top:20px}.experience-item p{font-size:2rem;line-height:1.4;color:#555;padding-top:10px}.experience-item ul{font-size:1.4rem;list-style-type:none;line-height:1.2;color:#333}.hero-image{position:relative;display:flex;justify-content:flex-start;align-items:center;width:100%;height:100%}.circle-text-svg{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:clamp(260px,30vw,400px);height:auto;animation:rotateText 18s linear infinite;transform-origin:center;pointer-events:none}.circle-text{font-family:OpenSauceSans-Light,sans-serif;font-size:clamp(14px,1.8vw,40px);letter-spacing:.35em;fill:currentColor;color:#e888a2;text-transform:uppercase}@keyframes rotateText{0%{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(360deg)}}@media (prefers-reduced-motion: reduce){.circle-text-svg{animation:none}}.hero-title--static,.hero-description--mobile{display:none}@media (max-width: 768px){main>*{display:none!important}body{background-image:url(/images/phonebg.jpg);background-repeat:no-repeat;background-size:cover}#hero{display:block!important;padding:84px 0 12px}.hero-grid{display:block}.hero-title--animated{display:none!important}.hero-title--static{display:block;font-family:Giaza,sans-serif!important;font-size:3rem}#hero h1.hero-title{text-align:center;font-weight:700;color:#fff;line-height:1.2;padding-top:0;margin:0}.hero-description--desktop{display:none!important}.hero-description--mobile{display:block;margin:12px auto 0;font-size:1.05rem;line-height:1.45;text-align:center;color:#555;max-width:260px}.hero-description--mobile strong{display:block;font-weight:600;margin-bottom:6px}.hero-cta{display:block;margin-top:8px;font-size:.95rem;opacity:.8}.hero-image,.circle-text-svg{display:none!important}#projects{display:block!important;padding:12px 0 4px}#projects h1{display:none!important}#projects .container{padding:0 1rem}.projects-grid{display:flex;flex-direction:column;align-items:center;gap:28px;margin-top:0}.project-card{width:100%;max-width:420px;max-height:none;border-radius:28px;transform:none!important;transition:none!important}.project-content{padding:20px 20px 22px;text-align:center}.project-content h3{font-size:1rem;opacity:.6}.project-content h4{font-size:1.5rem;line-height:1.2}.project-content p{font-size:1rem;line-height:1.45;margin-top:8px}.view-project{font-size:1.15rem;margin-top:14px}.projects-grid .project-card:hover{transform:none!important;background-color:transparent!important}.projects-grid .project-card:before{display:none!important}footer{display:block!important;margin-top:24px}body{background-position:2% center;background-size:cover;background-repeat:no-repeat;background-attachment:scroll}.taskmanager-bg{padding-top:calc(1.5rem + var(--nav-height));padding-bottom:1.5rem;min-height:unset}.task-container{margin-bottom:0}.task-project-image{height:16vh!important;min-height:16vh!important;max-height:16vh!important;width:100%;object-fit:cover;transform:scale(1.02)}}@media (max-width: 768px){.bookstore-bg{padding-top:calc(1.5rem + var(--nav-height));padding-bottom:1.5rem;min-height:unset}.book-container{margin-bottom:0}.shellwork-bg{padding-top:calc(1.5rem + var(--nav-height));padding-bottom:1.5rem;min-height:unset}.shell-container{margin-bottom:0}}@media (max-width: 480px){body{padding-top:72px}#hero h1.hero-title{font-size:1.6rem}}#device-message{position:fixed;top:0;right:0;bottom:0;left:0;display:none}@media (min-width: 769px) and (max-width: 1366px){html,body{height:100%;overflow:hidden}#device-message{display:flex;align-items:center;justify-content:center;z-index:9999;background:#fff;text-align:center;padding:24px}#device-message .device-message__card{background:#fff;border-radius:28px;padding:28px 32px;max-width:520px;width:100%;border:solid}#device-message h2{margin:0 0 8px;font-size:1.6rem;letter-spacing:.2px;color:#333}#device-message p{margin:0;line-height:1.6;color:#555;font-size:1rem}#device-message .small{margin-top:8px;opacity:.9;font-size:.95rem;color:#555}main,header,footer,nav,#root{pointer-events:none;-webkit-user-select:none;user-select:none}}