:root{--color-bg-primary:#f0f5ff;--color-bg-gradient:linear-gradient(180deg,#e8f0fe,#fff);--color-bg-primary-90:#e8f0feeb;--color-bg-primary-95:#e8f0fef5;--color-accent:#2a7d6e;--color-accent-hover:#1a5c50;--color-accent-50:#2a7d6e80;--color-card-bg:#ffffffb3;--color-card-border:#0000001a;--color-surface:#ffffff80;--color-surface-strong:#ffffffbf;--color-surface-border:#00000014;--color-text-primary:#2d3436;--color-text-secondary:#555;--color-text-dark:#1a1a2e}*,:root{color-scheme:light only}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:linear-gradient(180deg,#e8f0fe,#fff);background:var(--color-bg-gradient);background-attachment:fixed;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.project-container a:hover{color:#1a5c50;color:var(--color-accent-hover)}.container{font-family:Arial,sans-serif;margin:0;min-height:100vh;padding:0}.header{align-items:center;background:linear-gradient(180deg,#e8f0fe,#fff);background:var(--color-bg-gradient);color:#2a7d6e;color:var(--color-accent);display:flex;height:100vh;justify-content:center;left:0;overflow:hidden;position:fixed;top:0;transition:all .3s ease;width:100%;z-index:1000}.header.scrolled{backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);background:#e8f0feeb;background:var(--color-bg-primary-90);box-shadow:0 4px 12px #0000001a;height:50px;justify-content:flex-start;overflow:visible;padding-left:20px;padding-right:20px}.menu-button{background:none;border:none;color:#2a7d6e;color:var(--color-accent);cursor:pointer;display:none;font-size:2rem;position:absolute;right:20px;top:10px;z-index:1100}.menu-button:focus-visible{outline:2px solid #2a7d6e;outline:2px solid var(--color-accent);outline-offset:4px}.menu-overlay{backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);background:#00000080;height:100%;left:0;position:fixed;top:0;width:100%;z-index:999}@media (max-width:768px){.menu-button{display:block}.nav-links{backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:#e8f0fef5;background:var(--color-bg-primary-95);border-radius:12px;box-shadow:0 8px 24px #00000026;display:none;flex-direction:column;max-width:350px;padding:25px;position:fixed;right:10px;top:50px;width:85vw;z-index:1000}.nav-links.open{display:flex}.nav-links.open a{color:#2a7d6e;color:var(--color-accent);display:block;font-size:1.4rem;padding:18px;text-align:center;text-decoration:none;text-underline-offset:4px;transition:color .2s ease}.name{word-wrap:break-word;font-size:2.2rem!important;padding:0 15px}.header.scrolled .name{font-size:1.2rem!important}}@media (min-width:769px){.name{font-size:4rem}.header.scrolled .name{font-size:1.5rem}.nav-links{display:flex!important;gap:15px;position:absolute;right:20px;top:10px}}.nav-links{display:none;margin-right:40px;position:absolute;right:20px;top:10px}.nav-links a{color:#2a7d6e;color:var(--color-accent);font-family:doto;font-size:1rem;text-decoration:none;text-underline-offset:4px;transition:color .2s ease,-webkit-text-decoration-color .2s ease;transition:color .2s ease,text-decoration-color .2s ease;transition:color .2s ease,text-decoration-color .2s ease,-webkit-text-decoration-color .2s ease}.nav-links a:hover{text-decoration:underline}h2{font-family:pixer}.name{text-align:center;transition:font-size .3s ease,transform .3s ease}.content{padding:calc(100vh - 700px) 24px 400px;position:relative;z-index:1}.intro{margin-bottom:56px;text-align:center}.intro-subtext{line-height:1.6;margin-top:.5rem}.intro-heading,.intro-subtext{color:#2d3436;color:var(--color-text-primary)}.intro-link{color:#2a7d6e;color:var(--color-accent)}.intro-link:hover{color:#1a5c50;color:var(--color-accent-hover)}.intro-button-container{display:flex;gap:20px;justify-content:center;margin-top:2rem}.intro-btn{backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid #0000001a;border:1px solid var(--color-card-border);border-radius:12px;box-shadow:0 4px 16px #0000001a;color:#2d3436;color:var(--color-text-primary);cursor:pointer;font-size:1.1rem;padding:10px 24px;transition:all .3s ease}.intro-btn:hover{box-shadow:0 4px 12px #00000026;transform:translateY(-1px)}.carousel-arrow:focus-visible,.intro-btn:focus-visible,.toggle-buttons button:focus-visible{outline:2px solid #2a7d6e;outline:2px solid var(--color-accent);outline-offset:2px}.intro-btn.inactive{background-color:#ffffffb3;background-color:var(--color-card-bg)}.intro-btn.active{background-color:#2a7d6e;background-color:var(--color-accent);box-shadow:0 4px 12px #0003;color:#fff}.intro-expandable{margin-top:1rem;max-height:0;overflow:hidden;transition:max-height .3s ease-in-out}.intro-expandable.open{max-height:500px}.intro-blog-container{background-color:#ffffff80;background-color:var(--color-surface);border-radius:12px;box-shadow:0 4px 12px #0000001a;color:#2d3436;color:var(--color-text-primary);overflow-x:auto;padding:20px;scrollbar-color:#ffffffbf #ffffff80;scrollbar-color:var(--color-surface-strong) var(--color-surface);scrollbar-width:thin;white-space:nowrap}.intro-blog-content{display:inline-flex;gap:20px;padding:10px}.intro-blog-card{background-color:#ffffffb3;background-color:var(--color-card-bg);border:1px solid #0000001a;border:1px solid var(--color-card-border);border-radius:12px;box-shadow:0 2px 8px #00000014;min-width:300px;padding:20px;transition:box-shadow .3s ease,transform .3s ease;white-space:normal}.intro-blog-card:hover{box-shadow:0 6px 16px #0000001f;transform:translateY(-2px)}.intro-blog-card h3{color:#2a7d6e;color:var(--color-accent)}.intro-pictures-container{background-color:#ffffff80;background-color:var(--color-surface);border-radius:12px;box-shadow:0 4px 12px #0000001a;max-height:500px;overflow-y:auto;padding:20px;scrollbar-color:#ffffffbf #ffffff80;scrollbar-color:var(--color-surface-strong) var(--color-surface);scrollbar-width:thin}.intro-pictures-grid{grid-gap:12px;display:grid;gap:12px;grid-auto-rows:180px;grid-template-columns:repeat(3,1fr);padding:10px}.intro-picture-card{background-color:#ffffffb3;background-color:var(--color-card-bg);border:1px solid #0000001a;border:1px solid var(--color-card-border);border-radius:12px;box-shadow:0 2px 8px #0000001a;cursor:pointer;overflow:hidden;position:relative;transition:transform .3s ease,box-shadow .3s ease}.intro-picture-card.featured{grid-row:span 2}.intro-picture-card:hover{box-shadow:0 6px 16px #00000026;transform:translateY(-2px)}.intro-picture-card:hover .intro-picture-caption{opacity:1}.intro-picture-card img{height:100%;object-fit:cover;width:100%}.intro-picture-caption{background:linear-gradient(#0000,#0009);bottom:0;color:#fff;font-size:.85rem;left:0;opacity:0;padding:.5rem .75rem;position:absolute;right:0;transition:opacity .3s ease}@media (max-width:768px){.intro-pictures-grid{grid-auto-rows:150px;grid-template-columns:repeat(2,1fr)}}.projects{font-family:gowun;margin-top:56px}.project-container{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background-color:#ffffffb3;background-color:var(--color-card-bg);border:1px solid #0000001a;border:1px solid var(--color-card-border);border-radius:20px;box-shadow:0 8px 32px #0000001a;margin-bottom:24px;padding:24px;transition:box-shadow .3s ease,transform .3s ease}.project-container:hover{box-shadow:0 8px 12px #0000001f,0 16px 35px #0000001a;transform:translateY(-2px)}.project-container img{border-radius:18px;height:auto;width:100%}.other-container{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background-color:#ffffffb3;background-color:var(--color-card-bg);border:1px solid #0000001a;border:1px solid var(--color-card-border);border-radius:20px;box-shadow:0 8px 32px #0000001a;margin-bottom:24px;padding:24px;transition:box-shadow .3s ease,transform .3s ease}.other-container:hover{box-shadow:0 8px 12px #0000001f,0 16px 35px #0000001a;transform:translateY(-2px)}.education-card h2{margin-bottom:1.25rem}.education-item{padding:.5rem 0}.education-degree{color:#2d3436;color:var(--color-text-primary);font-size:1.1rem;font-weight:600;margin-bottom:.25rem}.education-detail{color:#555;color:var(--color-text-secondary);font-size:.95rem}.education-year{color:#2a7d6e;color:var(--color-accent);font-size:.85rem;font-weight:500;margin-top:.25rem}.education-divider{background:#0000001a;background:var(--color-card-border);height:1px;margin:1rem 0}.tech-card h2{margin-bottom:1rem}.tech-grid{display:flex;flex-wrap:wrap;gap:.5rem}.tech-pill{background:#2a7d6e;background:var(--color-accent);border-radius:999px;color:#fff;font-size:.82rem;font-weight:500;padding:.35rem .85rem;transition:transform .2s ease,box-shadow .2s ease}.tech-pill:hover{box-shadow:0 4px 12px #2a7d6e4d;transform:translateY(-1px)}table{border-spacing:50px}.experiences-desktop{display:flex;justify-content:center;margin-top:56px}.experiences-desktop .experiences{display:flex;gap:20px;justify-content:center;max-width:1200px;width:100%}.experiences-desktop .experiences .other-container{flex:1 1;margin-bottom:0;max-width:50%}@media (max-width:768px){.experiences-desktop .experiences{flex-direction:column}.experiences-desktop .experiences .other-container{max-width:100%}.project-container{padding:20px}}h2{color:#2a7d6e;color:var(--color-accent);font-size:1.5rem;line-height:1.3}h3{line-height:1.6}h2 a{color:#2a7d6e;color:var(--color-accent);text-decoration:none}h2 a:hover{color:#1a5c50;color:var(--color-accent-hover);text-decoration:underline}.intro-link:focus-visible,h2 a:focus-visible{outline:2px solid #2a7d6e;outline:2px solid var(--color-accent);outline-offset:2px}button.inactive{background-color:#ffffffb3;background-color:var(--color-card-bg);color:#2d3436!important;color:var(--color-text-primary)!important}.scroll-arrow{animation:bounce 2s infinite;bottom:2rem;color:#2a7d6e;color:var(--color-accent);cursor:pointer;filter:drop-shadow(0 2px 4px rgba(0,0,0,.2));left:50%;opacity:.85;position:fixed;transform:translateX(-50%);z-index:100}.scroll-arrow:focus-visible{outline:2px solid #2a7d6e;outline:2px solid var(--color-accent);outline-offset:4px}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0) translateX(-50%)}40%{transform:translateY(-20px) translateX(-50%)}60%{transform:translateY(-10px) translateX(-50%)}}.lightbox-overlay{align-items:center;background:#000000d9;display:flex;height:100%;justify-content:center;left:0;opacity:0;position:fixed;top:0;width:100%;z-index:2000}.lightbox-close{background:none;border:none;color:#fff;cursor:pointer;font-size:2rem;line-height:1;opacity:.7;padding:.5rem;position:absolute;right:1.5rem;top:1rem;transition:opacity .2s ease;z-index:2010}.lightbox-close:hover{opacity:1}.lightbox-content{gap:1.5rem;max-width:95vw;width:100%}.lightbox-arrow,.lightbox-content{align-items:center;display:flex;justify-content:center}.lightbox-arrow{background:#ffffff1a;border:1px solid #fff3;border-radius:50%;color:#fff;cursor:pointer;flex-shrink:0;font-size:1.5rem;height:48px;transition:background .2s ease;width:48px}.lightbox-arrow:hover{background:#ffffff40}.lightbox-image-wrapper{align-items:center;display:flex;flex-direction:column;gap:1rem;overflow:hidden}.lightbox-image-wrapper img{border-radius:8px;max-height:80vh;max-width:85vw;object-fit:contain}.lightbox-caption{color:#fffc;font-size:.95rem;text-align:center}.lightbox-counter{color:#ffffff80;font-size:.85rem}@media (max-width:768px){.lightbox-arrow{font-size:1.2rem;height:36px;width:36px}.lightbox-content{gap:.5rem}.lightbox-image-wrapper img{max-height:75vh;max-width:80vw}}.projects-carousel-wrapper{margin:50px 0;width:100%}.projects-carousel{gap:1.5rem;min-height:400px;position:relative}.carousel-arrow,.projects-carousel{align-items:center;display:flex;justify-content:center}.carousel-arrow{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:var(--color-card-bg);border:1px solid var(--color-card-border);border-radius:50%;box-shadow:0 4px 12px #00000026;color:var(--color-accent);cursor:pointer;flex-shrink:0;font-size:2rem;height:52px;transition:all .3s ease;width:52px;z-index:10}.carousel-arrow:hover{background:var(--color-surface-strong);box-shadow:0 6px 20px #0003;transform:scale(1.08)}.carousel-content{border-radius:20px;display:flex;flex:1 1;justify-content:center;max-width:1200px;overflow:hidden}.project-card{align-items:flex-start;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background-color:var(--color-card-bg);border:1px solid var(--color-card-border);border-radius:20px;box-shadow:0 8px 32px #0000001f;display:flex;gap:2rem;padding:30px;text-align:left;transition:box-shadow .3s ease;width:100%}.project-card:hover{box-shadow:0 8px 12px #0000001f,0 16px 35px #0000001a}.project-image-side,.project-info{flex:1 1;min-width:0}.project-info h2{margin-bottom:.75rem}.project-info p{margin-bottom:1rem}.project-image-container{margin:0}.project-image-container img{border-radius:14px;height:auto;max-height:500px;object-fit:contain;width:100%}.gallery-dots{display:flex;gap:.5rem;justify-content:center;margin-top:.75rem}.gallery-dot{background:#0000;border:2px solid var(--color-accent);border-radius:50%;cursor:pointer;height:10px;padding:0;transition:background .3s ease;width:10px}.gallery-dot.active{background:var(--color-accent)}.toggle-buttons{display:flex;gap:.75rem;justify-content:center;margin-top:.75rem}.toggle-buttons button{background:var(--color-accent);border:2px solid var(--color-accent);border-radius:8px;box-shadow:0 2px 4px #0000001a;color:#fff;cursor:pointer;font-size:.85rem;padding:.4rem 1.2rem;transition:all .3s ease}.toggle-buttons button:hover{background:#f0f0f0;box-shadow:0 4px 8px #00000026}.toggle-buttons button.active{background:var(--color-accent-hover);color:#fff}.client-link{color:var(--color-accent)}.client-link:hover{color:var(--color-accent-hover)}.project-descriptions{margin-top:1rem}.project-descriptions h3{color:var(--color-text-primary);font-size:.95rem;font-weight:400;line-height:1.6;margin:.5rem 0}.project-tags{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:1rem}.project-tag{background:var(--color-surface);border:1px solid var(--color-card-border);border-radius:999px;color:var(--color-accent);font-size:.78rem;font-weight:500;padding:.2rem .65rem}.carousel-progress{display:flex;gap:6px;justify-content:center;margin-top:1.5rem;padding:0 2rem}.progress-segment{background:var(--color-surface);border-radius:2px;cursor:pointer;flex:1 1;height:4px;max-width:120px;overflow:hidden;position:relative;transition:background .3s ease}.progress-fill,.progress-segment.completed{background:var(--color-accent)}.progress-fill{border-radius:2px;height:100%;left:0;position:absolute;top:0;width:0}@media (max-width:768px){.projects-carousel{gap:.5rem;min-height:auto;padding:0 .25rem}.carousel-arrow{font-size:1.4rem;height:36px;width:36px}.project-card{flex-direction:column;gap:1.25rem;padding:20px}.project-card,.project-info{text-align:center}.project-image-container img{max-height:300px}.project-tags{justify-content:center}.carousel-progress{padding:0 1rem}}