*{margin:0;padding:0}html{color-scheme:light}html,body{font-family:'Shippori Mincho', Georgia, serif;font-size:1.1rem;height:100%;background:#f8f4ef;color:#111}body{display:flex;flex-direction:column;animation:pageFadeIn 0.6s ease-in-out}@keyframes pageFadeIn{from{opacity:0}to{opacity:1}}.wrap{flex:1 0 auto;width:92%;margin:0 auto;margin-top:3em}@media only screen and (min-width: 720px){.wrap{width:720px}}a{color:#111;text-decoration:none;transition:opacity 0.2s}a:visited,a:hover,a:active{text-decoration:none}a:hover{opacity:0.5}::selection{background-color:#111;color:#fff}::-moz-selection{background-color:#111;color:#fff}.tex sub,.latex sub,.latex sup{text-transform:uppercase}.tex sub,.latex sub{vertical-align:0.1ex;margin-left:-0.1667em;margin-right:-0.125em}.tex,.latex,.tex sub,.latex sub{font-size:1em}.latex sup{font-size:0.85em;vertical-align:-0.15em;margin-left:-0.3em;margin-right:-0.15em}.nav{position:sticky;top:0;z-index:100;background:#f8f4ef;padding:1em 0;transition:opacity 0.4s ease}.nav--hidden{opacity:0;pointer-events:none}.nav__inner{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:2em}.nav__tab{font-family:'Shippori Mincho', Georgia, serif;font-size:1rem;font-style:italic;color:#999;letter-spacing:0.01em;padding:0;border:none;border-radius:0;transition:color 0.2s}.nav__tab:hover{color:#111;opacity:1}.nav__tab--active{color:#111 !important;font-style:italic;text-decoration:underline;text-underline-offset:4px;text-decoration-thickness:1px}.under-construction{text-align:center;padding:5em 1em}.under-construction__icon{font-size:2rem;color:#ccc;margin-bottom:0.8em;display:block}.under-construction__title{font-family:'Shippori Mincho', Georgia, serif;font-weight:400;font-size:1.8rem;color:#333;margin-bottom:0.5em}.under-construction__message{font-family:'Shippori Mincho', Georgia, serif;font-style:italic;font-size:1rem;color:#999;line-height:1.8}.page-content{padding:2em 0 4em}.page-content__title{font-family:'Shippori Mincho', Georgia, serif;font-weight:400;font-size:1.8rem;color:#111;margin-bottom:1.5em;padding-bottom:0.5em;border-bottom:1px solid #e8e8e8}.page-content__body{font-size:1rem;line-height:1.8;color:#333}.page-content__body h2{font-family:'Shippori Mincho', Georgia, serif;font-weight:700;font-size:1.2rem;margin:2em 0 0.8em}.page-content__body h3{font-family:'Shippori Mincho', Georgia, serif;font-weight:700;font-size:1.05rem;margin:1.5em 0 0.5em}.page-content__body p{margin-bottom:1em}.page-content__body ul,.page-content__body ol{margin:0.8em 0 1em 1.5em}.page-content__body ul li,.page-content__body ol li{margin-bottom:0.4em}.page-content__body a{color:#111;text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px}.page-content__body a:hover{opacity:0.5;text-decoration:underline}.page-content__body strong{font-weight:700}.page-content__body hr{border:0;border-top:1px solid #e8e8e8;margin:2em 0}.footer{flex-shrink:0;width:92%;height:auto;box-sizing:border-box;font-family:'Shippori Mincho', Georgia, serif;font-style:italic;color:#bbb;font-size:0.9rem;text-align:center;text-transform:none;margin:0 auto;padding-top:18px;padding-bottom:18px;border:0;border-top:1px solid #e4ddd4}@media only screen and (min-width: 720px){.footer{width:720px}}.footer p{margin-top:0.4em;margin-bottom:0.4em}.footer a:hover{color:#111;opacity:1}.profile{text-align:center;padding:2.5em 0 1em}.profile .portrait{position:relative;width:13rem;height:13rem;margin:0 auto 1.4em}.profile .portrait .spinner{display:none}.profile .portrait .img{position:absolute;top:0;left:0;right:0;bottom:0;background-position:center;background-size:cover;border-radius:50%;border:1px solid #ddd}.profile .name{font-family:'Shippori Mincho', Georgia, serif;font-weight:400;font-size:2rem;color:#111;margin:0 auto 0.2em;letter-spacing:0.01em}.profile .name b{font-weight:700}.profile .title{font-family:'Shippori Mincho', Georgia, serif;font-size:1rem;font-style:italic;color:#999;margin:0.3em auto 1.2em;text-transform:none;letter-spacing:0}.profile .bio{font-size:1rem;line-height:1.8;color:#555;max-width:520px;margin:0 auto}.profile .bio p{margin-top:0.7em}.profile .bio a:hover{opacity:0.5}@media only screen and (min-width: 720px){.profile .portrait{width:15rem;height:15rem}.profile .name{font-size:2.2rem}}.contacts{margin:1.8rem auto;text-align:center;font-size:1.1rem}.contacts .contact{display:inline-block;width:2em;height:2em;line-height:2em;margin:0 0.3em;color:#bbb;text-align:center;background:none;border-radius:0;transition:color 0.2s}.contacts .contact:hover{color:#111;background:none;box-shadow:none;position:static}.actions{margin:1.5em auto 2em;text-align:center}.actions .action{display:inline-block;margin:0.4em 1.2em;font-family:'Shippori Mincho', Georgia, serif;font-size:1rem;font-style:italic;font-weight:400;color:#999;text-transform:none;letter-spacing:0;transition:color 0.2s}.actions .action:after{display:none}.actions .action:hover{color:#111;opacity:1}.hackathon-page{padding:2em 0 4em;text-align:center}.hackathon-page__title{font-family:'Shippori Mincho', Georgia, serif;font-weight:400;font-size:1.8rem;color:#111;margin-bottom:0.3em;text-transform:none}.hackathon-page__subtitle{font-family:'Shippori Mincho', Georgia, serif;font-size:1rem;color:#999;font-style:italic;margin-bottom:2em;padding-bottom:1.5em;border-bottom:1px solid #e8e8e8}.project-card{display:flex;gap:2em;border:1px solid #e8e8e8;opacity:0;transform:translateY(24px);transition:opacity 0.6s ease, transform 0.6s ease;border-radius:0;overflow:hidden;color:inherit;transition:border-color 0.2s;margin:0 auto 1.2em;text-align:left}.project-card.visible{opacity:1;transform:translateY(0)}.project-card:hover{border-color:#bbb;box-shadow:none;opacity:1}.project-card__image{flex:0 0 240px;overflow:hidden;background:#f5f5f5}.project-card__image img{width:100%;height:100%;object-fit:cover;display:block;transition:transform 0.4s ease;filter:grayscale(20%)}.project-card:hover .project-card__image img{transform:scale(1.02)}.project-card__body{flex:1;padding:1.4em 1.4em 1.4em 0;display:flex;flex-direction:column;gap:0.7em}.project-card__header{display:flex;align-items:center;justify-content:space-between}.project-card__title-row{display:flex;align-items:center;gap:0.6em}.project-card__name{font-family:'Shippori Mincho', Georgia, serif;font-weight:700;font-size:1.1rem;color:#111}.project-card__archived{font-family:'Shippori Mincho', Georgia, serif;font-size:0.75rem;font-style:italic;color:#bbb;border:1px solid #e0e0e0;border-radius:2px;padding:0.1em 0.5em}.project-card__github{font-size:1.1rem;color:#ccc;transition:color 0.2s}.project-card:hover .project-card__github{color:#555}.project-card__description{font-family:'Shippori Mincho', Georgia, serif;font-size:0.95rem;line-height:1.7;color:#666;flex:1}.project-card__tech{display:flex;flex-wrap:wrap;gap:0.4em}.project-card__tag{font-family:'Shippori Mincho', Georgia, serif;font-size:0.8rem;font-style:italic;color:#aaa;border:1px solid #e0e0e0;border-radius:2px;padding:0.1em 0.5em}.project-card__footer{display:flex;align-items:center;justify-content:space-between}.project-card__hackathon{font-family:'Shippori Mincho', Georgia, serif;font-size:0.85rem;font-weight:700;color:#555}.project-card__year{font-family:'Shippori Mincho', Georgia, serif;font-size:0.85rem;color:#aaa}@media only screen and (max-width: 720px){.project-card{flex-direction:column}.project-card__image{flex:0 0 180px;width:100%}.project-card__body{padding:1.2em}}