.hero{max-width:1200px;margin:0 auto;padding:2rem}.hero-header{justify-content:space-between;align-items:center;margin-bottom:4rem;display:flex}.logo{font-family:serif;font-size:1.5rem;font-style:italic;font-weight:900}.menu-button{cursor:pointer;color:#333;background:0 0;border:none;padding:.5rem;transition:opacity .2s}.menu-button:hover{opacity:.7}.profile-email{color:#666;margin:0 0 .5rem;font-size:.9rem}.hero-profile{justify-content:center;align-items:center;gap:1.5rem;margin-bottom:4rem;display:flex;transform:translate(-30px)}.profile-image-container{border-radius:50%;flex-shrink:0;width:150px;height:150px;overflow:hidden}.profile-image{object-fit:cover;width:100%;height:100%;transform:scale(1.3)}.profile-text{flex-direction:column;gap:.25rem;display:flex}.profile-name{color:#333;margin:0 0 .5rem;font-size:2rem;font-weight:600}.social-links{gap:1rem;margin-bottom:.5rem;display:flex}.social-icon{color:#666;justify-content:center;align-items:center;transition:color .2s,transform .2s;display:flex}.social-icon:hover{color:#333;transform:translateY(-2px)}.social-icon svg{width:24px;height:24px}.profile-role{color:#333;margin:0;font-size:1.1rem;font-weight:500}.profile-description{color:#666;margin:0;font-size:1rem}.profile-location{color:#888;align-items:center;gap:.25rem;margin-top:.5rem;font-size:.9rem;display:flex}@media (max-width:768px){.hero-profile{text-align:center;flex-direction:column;gap:1rem;transform:translate(0)}.profile-text{align-items:center}}
.bento-grid{grid-template-columns:repeat(12,1fr);grid-auto-rows:minmax(180px,auto);gap:10px;width:100%;max-width:850px;margin:0 auto;padding:60px 20px 20px 10px;display:grid}.folder-item{z-index:20;box-shadow:none;filter:drop-shadow(0 4px 6px #0000001a);cursor:pointer;background-color:#0000;border-top-left-radius:0;border-top-right-radius:12px;justify-content:flex-end;align-items:flex-end;min-height:180px;padding:1.5rem;display:flex;position:relative;overflow:visible;grid-column:span 3!important;margin-top:0!important}.item-columbia{background-color:#fff;border:1px solid #eee;flex-direction:column;grid-column:span 3;justify-content:space-between;display:flex}.bento-grid.initial-state{flex-wrap:wrap;justify-content:center;gap:2rem;display:flex}.bento-grid.initial-state .folder-item{opacity:1!important;pointer-events:auto!important;grid-column:auto!important;width:200px!important;height:160px!important;margin:0!important}.folder-item:after{content:"";z-index:5;background-color:#8ab4e0;border-radius:0 12px 12px;width:100%;height:100%;position:absolute;top:0;left:0}.item-hiking{color:#fff;text-align:left;background-color:#2e7d32;flex-direction:column;grid-column:span 3;justify-content:space-between;align-items:flex-start;padding:1.5rem;display:flex;position:relative;overflow:hidden}.hiking-text{z-index:1;flex-direction:column;gap:.25rem;display:flex}.hiking-text h3{color:#fff;margin:0 0 .5rem;font-size:.91rem;font-weight:700;line-height:1.2}.hiking-subtext{color:#fff;opacity:.9;margin:0;font-size:.71rem;line-height:1.3}.hiking-stamps{align-self:flex-end;width:160px;height:160px;margin-top:-10px;margin-right:-10px;position:relative}.stamp{opacity:.95;width:140px;height:auto;position:absolute}.stamp-1{z-index:3;top:-15px;right:10px;transform:rotate(-15deg)}.stamp-2{z-index:2;top:45px;right:-10px;transform:rotate(10deg)}.stamp-3{z-index:1;top:25px;right:60px;transform:rotate(-20deg)}@media (max-width:767px){.bento-grid{grid-template-columns:repeat(12,1fr);grid-auto-rows:minmax(180px,auto);gap:20px;margin:0 auto;box-sizing:border-box!important;column-gap:10px!important;width:100%!important;max-width:450px!important;padding:40px 55px 20px!important}.preview-card-stack{left:40px!important}.bento-grid.initial-state{gap:80px 0!important}.folder-item{grid-column:span 12!important;margin-top:80px!important;overflow:visible!important}.item-about{order:-10}.item-columbia{order:-3;grid-column:span 6!important}.item-edb{order:-2;grid-area:span 2/7/auto/span 6!important;padding:1.5rem 1rem 1.5rem .8rem!important}.item-edb h3{margin-left:0;padding-left:0;position:relative;left:-2px;font-size:.95rem!important}.item-lse{order:-1;grid-column:span 6!important}.item-coming-soon,.item-kopi,.item-font,.item-dissertation,.item-project-placeholder,.item-blog-placeholder{grid-column:span 12!important}.item-raccoon,.item-hiking{grid-column:span 6!important}.item-raccoon{text-align:left!important;justify-content:space-between!important;align-items:flex-start!important}.item-raccoon .raccoon-logo{order:-1!important;width:140px!important;margin-bottom:10px!important;position:relative!important;top:auto!important;left:auto!important}.edb-logo{width:250px;top:-20px;right:-20px}}.bento-item{background-color:#fff;border-radius:24px;transition:box-shadow .3s cubic-bezier(.25,.8,.25,1);position:relative;overflow:hidden;box-shadow:0 4px 6px #0000000d}.about-badge{background-color:#eebc60;border-radius:20px;padding:.5rem 1rem;font-weight:500}.item-project-placeholder,.item-blog-placeholder{color:#333;background-color:#f0f0f0;border-radius:12px;grid-column:span 2;justify-content:center;align-items:center;padding:1.5rem;display:flex}.item-kopi{color:#fff;background-color:#1a1a1a;flex-direction:row;grid-column:span 9;justify-content:space-between;align-items:center;padding:2rem;display:flex;position:relative}.item-kopi h3{z-index:1;text-align:right;margin:0;font-size:1.1rem;font-weight:400;line-height:1.3}.kopi-logo{object-fit:contain;width:140px;height:auto;position:static}.item-columbia{background-color:#fff;border:1px solid #eee;flex-direction:column;grid-column:span 3;justify-content:space-between;padding:1.5rem;display:flex}.columbia-logo{object-fit:contain;width:35px;height:auto}.item-columbia h3{color:#333;margin-bottom:.5rem;font-size:.91rem;font-weight:600;line-height:1.2}.columbia-subtext{color:#555;margin:0;font-size:.71rem}.item-footer{justify-content:flex-start;align-items:center;width:100%;margin-top:auto;display:flex}.item-edb{color:#fff;background-color:#002a5c;flex-direction:column;grid-area:span 3/10/auto/span 3;justify-content:flex-end;padding:1.5rem;display:flex;position:relative;overflow:hidden}.edb-logo{opacity:1;width:300px;height:auto;position:absolute;top:-30px;right:-30px}.item-edb h3{z-index:1;margin:0;font-size:1.1rem;font-weight:400;line-height:1.3}.item-edb h3 strong{font-weight:700}.folder-item{z-index:20;box-shadow:none;filter:drop-shadow(0 4px 6px #0000001a);cursor:pointer;background-color:#8ab4e0;border-top-left-radius:0;border-top-right-radius:12px;justify-content:flex-end;align-items:flex-end;padding:1.5rem;display:flex;position:relative;grid-column:span 3!important;align-self:start!important;height:160px!important;min-height:160px!important;max-height:160px!important;margin-top:40px!important;overflow:visible!important}.folder-item.is-expanded{grid-column:1/span 3!important}.folder-description{box-shadow:none;background-color:#0000;border-radius:12px;flex-direction:column;grid-column:span 9;justify-content:center;height:160px;min-height:160px;padding:2rem;display:flex;margin-top:40px!important}.description-text h3{color:#333;margin-bottom:.5rem;font-size:1.2rem}.description-text p{color:#666;font-size:.9rem;line-height:1.4}@media (max-width:768px){.bento-grid{grid-template-columns:repeat(12,1fr);gap:20px;padding:40px 20px}.folder-item{grid-column:span 12!important;margin-top:50px!important;overflow:visible!important}.folder-item.is-expanded{grid-column:span 12!important}.folder-description{padding-top:20px;grid-column:span 12!important;margin-top:0!important}.bento-grid.initial-state .folder-item{grid-column:1/-1!important;width:100%!important}.edb-logo{width:250px;top:-20px;right:-20px}.preview-card-stack{left:60px!important}}@media (min-width:769px) and (max-width:1200px){.folder-description{grid-column:span 4!important;margin-top:0!important}}.folder-item:before{content:"";background-color:inherit;z-index:2;border-top-left-radius:16px;border-top-right-radius:16px;width:140px;height:32px;position:absolute;top:-30px;left:0}.grid-break{pointer-events:none;height:0!important;min-height:0!important;box-shadow:none!important;background:0 0!important;border:none!important;grid-column:1/-1!important;margin:0!important;padding:0!important}.preview-card-stack{z-index:1;pointer-events:none;width:120px;height:90px;position:absolute;top:-20px;left:20px}.preview-card{transform-origin:0 100%;border-radius:8px;justify-content:center;align-items:center;width:80px;height:60px;display:flex;position:absolute;top:0;left:0;overflow:hidden;box-shadow:0 2px 4px #0000001a}.preview-card h3,.preview-card p,.preview-card .raccoon-text{display:none}.preview-card .item-footer{justify-content:flex-start;align-items:flex-end;width:100%;height:100%;margin-top:auto;padding:.5rem;display:flex}.preview-card img{object-fit:contain;width:60%;height:60%}.item-about{background-color:#0000}.item-about:after,.item-about:before{background-color:#8ab4e0}.item-projects{background-color:#0000}.item-projects:after,.item-projects:before{background-color:#e08a8a}.item-blog{background-color:#0000}.item-blog:after,.item-blog:before{background-color:#8ae0b4}.folder-badge{color:#333;z-index:30;background-color:#ffffff4d;border-radius:20px;padding:.5rem 1rem;font-weight:500;position:absolute;bottom:1.5rem;right:1.5rem}.about-badge{color:#333;background-color:#eebc60;border-radius:20px;padding:.5rem 1rem;font-weight:500;position:absolute;bottom:1.5rem;right:1.5rem}.item-lse{color:#333;background-color:#e0e0e0;flex-direction:column;grid-column:span 3;justify-content:flex-end;padding:1.5rem;display:flex;position:relative}.lse-logo{object-fit:contain;width:35px;height:auto;position:absolute;top:1.5rem;left:1.5rem}.item-lse h3{z-index:1;margin-bottom:.5rem;font-size:.91rem;font-weight:600;line-height:1.2;position:relative}.lse-subtext{color:#555;z-index:1;margin:0;font-size:.71rem;position:relative}.item-raccoon{color:#fff;text-align:left;background-color:#e33e3f;flex-direction:column;grid-column:span 6;justify-content:flex-end;align-items:flex-start;padding:1.5rem;display:flex;position:relative;overflow:hidden}.raccoon-logo{object-fit:contain;opacity:1;width:150px;height:auto;margin-bottom:0;position:absolute;top:-10px;left:-20px;right:auto;transform:none}.item-raccoon h3{z-index:1;margin-bottom:.5rem;font-size:.91rem;font-weight:700;line-height:1.2}.raccoon-subtext{opacity:.9;z-index:1;margin:0;font-size:.71rem;line-height:1.3}.item-hiking{color:#fff;background-color:#2e7d32;grid-column:span 3;justify-content:center;align-items:center;font-size:1.5rem;display:flex}.item-coming-soon{color:#fff;text-align:center;background-color:#2a1b3d;border-radius:20px;flex-direction:column;grid-column:span 9;justify-content:center;align-items:center;min-height:200px;padding:2rem;display:flex}.coming-soon-badge{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#ffffff1a;border:1px solid #ffffff4d;border-radius:50px;align-items:center;gap:.5rem;padding:.5rem 1.5rem;font-size:1.2rem;font-weight:500;display:flex}.expanded-overlay{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:1000;background:#00000080;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0;overflow:hidden auto}.expanded-card{scrollbar-width:none;-ms-overflow-style:none;border-radius:20px;width:100%;max-width:600px;max-height:80vh;padding:40px;display:flex;position:relative;overflow:hidden auto;box-shadow:0 20px 50px #0003;text-align:left!important;flex-direction:column!important;justify-content:flex-start!important;align-items:flex-start!important}.expanded-card::-webkit-scrollbar{display:none}.expanded-card>*{flex-shrink:0}.grid-spacer{visibility:hidden;pointer-events:none;height:0;margin:0;padding:0}@media (max-width:768px){.grid-spacer{display:none!important}.expanded-overlay{padding:10px;overflow-x:hidden}.expanded-card{max-width:calc(100vw - 20px);padding:20px;overflow-x:hidden}}.close-button{cursor:pointer;z-index:10;background:#eee;border:none;border-radius:50%;justify-content:center;align-items:center;width:30px;height:30px;font-size:16px;display:flex;position:absolute;top:20px;right:20px}.expanded-content{display:none}.expanded-header{flex-direction:column;align-items:flex-start;margin-bottom:20px;display:flex}.expanded-logo{object-fit:contain;width:60px;height:auto;margin-bottom:15px}.expanded-title{margin:0 0 5px;font-size:1.8rem;font-weight:700;line-height:1.2}.expanded-subtitle{opacity:.8;margin:0;font-size:1rem;font-weight:500}.item-see-all{color:#333;cursor:pointer;background-color:#f0f0f0;grid-column:span 9;justify-content:center;align-items:center;padding:1.5rem;transition:background-color .2s;display:flex}.item-see-all:hover{background-color:#e0e0e0}.see-all-content{justify-content:space-between;align-items:center;gap:1rem;width:100%;display:flex}.see-all-content h3{margin:0;font-size:1.2rem;font-weight:600}.arrow-icon{font-size:1.5rem;transition:transform .2s}.item-see-all:hover .arrow-icon{transform:translate(5px)}.item-blog-post{cursor:pointer;background-color:#fff;grid-area:span 2/span 12;padding:0;transition:box-shadow .2s;overflow:hidden}.item-blog-post:hover{z-index:10;transform:translateY(-2px);box-shadow:0 10px 20px #0000001a}.preview-card.item-blog-post{grid-area:auto!important;width:120px!important;height:80px!important;min-height:0!important;padding:0!important}.preview-card.item-blog-post .blog-card-content{padding:.5rem!important}.preview-card.item-blog-post h3{font-size:.6rem!important;line-height:1!important}.preview-card.item-blog-post .blog-date{font-size:.4rem!important}.item-blog-post:hover .blog-card-bg{transform:scale(1.05)}.blog-card-bg{z-index:0;background-position:50%;background-size:cover;width:100%;height:100%;transition:transform .5s;position:absolute;top:0;left:0}.blog-card-overlay{z-index:1;background:linear-gradient(#000000b3 0%,#0000004d 50%,#0000 100%);width:100%;height:100%;position:absolute;top:0;left:0}.blog-card-content{z-index:2;flex-direction:column;gap:.5rem;width:100%;padding:2rem;display:flex;position:relative}.blog-date{color:#fffc;text-transform:uppercase;letter-spacing:.5px;font-size:.85rem;font-weight:500}.item-archive{color:#2a1b3d;cursor:pointer;background-color:#f5e6d3;border-radius:20px;grid-area:span 1/span 9;justify-content:center;align-items:center;padding:2rem;display:flex}.item-archive:hover{background-color:#ead5bb;transform:translateY(-2px)}.archive-card-content{flex-direction:row;align-items:center;gap:1rem;display:flex}.item-archive h3{color:#2a1b3d;margin:0;font-size:1.5rem;font-weight:600}.archive-icon{color:#2a1b3d;font-size:2rem;transition:transform .2s}.item-archive:hover .archive-icon{transform:translate(5px)}@media (max-width:768px){.item-archive{order:99;min-height:100px;grid-column:span 12!important}}.item-blog-post h3{color:#fff;margin:0;font-size:1.8rem;font-weight:700;line-height:1.2}.item-blog-post p{display:none}@media (max-width:768px){.item-see-all{grid-column:span 12!important}.item-blog-post{min-height:350px;grid-area:auto/span 12!important;height:auto!important}.blog-post-preview{flex-direction:column}.blog-preview-text{width:100%;padding:1.5rem}}@media (min-width:769px){.bento-grid{grid-template-columns:repeat(12,1fr)!important;gap:10px!important;display:grid!important}.bento-grid.initial-state{padding-left:120px;padding-right:20px}.bento-grid.expanded-state{padding-left:15px;padding-right:15px}.folder-item{grid-column:span 3!important}.folder-description{grid-column:span 9!important}.item-columbia,.item-lse{grid-column:span 3!important}.item-edb{grid-area:span 3/10/auto/span 3!important}.item-kopi{grid-column:span 9!important}.item-raccoon{grid-column:span 6!important}.item-hiking{grid-column:span 3!important}.item-see-all{grid-column:span 9!important}.item-blog-post{grid-column:span 12!important}}.expanded-divider{background-color:#0000001a;width:100%;height:1px;margin:20px 0}.expanded-hero{width:100%;margin-bottom:20px}.hero-placeholder{background-color:#0000000d;border-radius:12px;justify-content:center;align-items:center;width:100%;height:200px;display:flex}.hero-image{object-fit:cover;border-radius:12px;width:100%;max-width:100%;height:200px;display:block}.expanded-body{width:100%;max-width:100%;font-size:1rem;line-height:1.6;overflow-x:hidden}.expanded-description{word-wrap:break-word;overflow-wrap:break-word;width:100%;max-width:100%;overflow-x:hidden}.expanded-body h3{margin-top:0;margin-bottom:10px;font-size:1.2rem}
.contact{background-color:#f4f4f4;margin-top:4rem;padding:4rem 2rem}.contact-links{margin-bottom:4rem;list-style:none}.contact-links li{margin-bottom:1rem}.contact-links a{border-bottom:1px solid #0000;font-size:1.5rem;text-decoration:none;transition:border-color .3s}.contact-links a:hover{border-bottom-color:currentColor}.footer-info{border-top:1px solid #ddd;padding-top:2rem}.copyright{color:#333;margin:0 0 .25rem;font-size:1rem}.attribution{color:#666;margin:0;font-size:.65rem}.attribution a{color:#666;text-decoration:none;transition:color .2s}.attribution a:hover{color:#333}