:root{--bg-light: #ffffff;--bg-lighter: #ffffff;--text-dark: #000000;--text-medium: #949494;--text-light: #999999;--accent-pink: #e7e7e7;--accent-pink-hover: #d4d4d4;--accent-hover: #c9a593;--border-color: #e4e4e4;--accent-finished: #b8bcc4;--accent-finished-hover: #abafb7;--accent-ongoing: #e4e7ec;--accent-ongoing-hover: #d7dae0}body.dark{--bg-light: #0d0d0d;--bg-lighter: #0d0d0d;--text-dark: #e2e2e2;--text-medium: #666666;--text-light: #555555;--accent-pink: #2e2e2e;--accent-pink-hover: #222222;--border-color: #252525;--accent-finished: #4a4a4a;--accent-finished-hover: #545454;--accent-ongoing: #272727;--accent-ongoing-hover: #1e1e1e}body.dark .filter-bar{background-color:#2e2e2e}body.dark .work-item:hover:before{background:#282828}body.dark .work-item.active:before{background:#202020}body.dark .blog-post:hover:before{background:#282828}body.dark .blog-post.active:before{background:#202020}body.dark .group-collection-item:hover:before{background:#282828}body.dark .group-collection-item.active:before{background:#202020}*{margin:0;padding:0;box-sizing:border-box}html{background:#000}body{font-family:Times New Roman,Georgia,serif;background-color:var(--bg-light);color:var(--text-dark);overflow:hidden;height:100vh}.page-overlay{position:fixed;inset:0;background:#000;z-index:9998;pointer-events:none;transition:opacity 1.1s ease}.page-overlay.fade-out{opacity:0}#loading-screen{position:fixed;inset:0;z-index:9999;background:#000;overflow:hidden;transition:opacity .7s ease}#loading-screen.fade-out{opacity:0;pointer-events:none}.loading-gif{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;animation:gifFadeIn 8s ease forwards}@keyframes gifFadeIn{0%{opacity:0;filter:blur(24px)}to{opacity:1;filter:blur(0px)}}.loading-intro{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3.5rem;opacity:0;pointer-events:none;transition:opacity 1.6s ease}.loading-intro.visible{opacity:1;pointer-events:all}.loading-intro-text{text-align:center;display:flex;flex-direction:column;gap:.6rem}.loading-title{font-family:Times New Roman,Georgia,serif;font-size:1.25rem;font-weight:400;letter-spacing:6px;color:#fff}.loading-nav{display:flex;gap:2.5rem;flex-wrap:wrap;justify-content:center}.loading-nav-link{font-family:Times New Roman,Georgia,serif;font-size:.75rem;font-weight:400;letter-spacing:3px;color:#fff9;text-decoration:none;transition:color .25s ease}.loading-nav-link:hover{color:#fff}@media(max-width:768px){.loading-nav{flex-direction:column;align-items:center;gap:1.4rem}}body.filter-hidden .filter-bar{display:none}body.filter-hidden .left-panel,body.filter-hidden .right-panel{height:100vh}.left-panel{position:fixed;left:0;top:0;width:35%;height:calc(100vh - 60px);background-color:var(--bg-lighter);border-right:1px solid var(--border-color);overflow-y:auto;padding:1.875rem 2.5rem 2.5rem}.panel-content{max-width:31.25rem;margin:0 auto}.section-title{font-size:.875rem;letter-spacing:3px;font-weight:400;color:var(--text-dark)}.works-header-row{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:2.5rem}.works-search-bar{display:flex;align-items:baseline;justify-content:space-between;border-bottom:1px solid var(--border-color);margin-bottom:0;padding-bottom:.25rem;width:60%}.works-search-input{flex:1;background:none;border:none;outline:none;font-family:Times New Roman,serif;font-size:.875rem;color:var(--text-medium);caret-color:var(--text-medium)}.works-search-input::placeholder{color:var(--text-medium)}.works-search-clear{background:none;border:none;outline:none;cursor:pointer;color:var(--text-medium);padding:0;flex-shrink:0;display:flex;align-items:center;transition:color .2s ease}.works-search-clear:hover{color:var(--text-dark)}.works-list{display:flex;flex-direction:column;gap:0px}.year-group-header{font-size:.875rem;color:var(--text-medium);padding:.3125rem 0;letter-spacing:.5px;border-bottom:1px solid var(--border-color)}.group-collection{padding:0 2.5rem 2.5rem}.group-collection-title{font-size:.75rem;font-weight:400;letter-spacing:2px;text-transform:uppercase;color:var(--text-medium);margin-bottom:1.5rem}.group-collection-item{cursor:pointer;position:relative;padding:.625rem 0;border-bottom:1px solid var(--border-color);transition:background .2s ease,margin .2s ease,padding .2s ease}.group-collection-item:before{content:"";position:absolute;inset:-1px -5px;background:transparent;border-top:1px solid transparent;border-bottom:1px solid transparent;z-index:0;pointer-events:none;transition:background .25s ease,border-color .25s ease}.group-collection-item:hover:before{background:#f7f6f6;border-color:var(--border-color)}.group-collection-item.active:before{background:#e7e7e7;border-color:var(--border-color)}.group-item-header{display:flex;justify-content:space-between;align-items:flex-start;gap:1.5rem;position:relative;z-index:1}.group-item-main{flex:1;min-width:0}.group-item-expand-btn{background:none;border:none;cursor:pointer;font-size:1.125rem;color:var(--text-medium);padding:0;line-height:1;flex-shrink:0;font-family:Times New Roman,serif;transition:color .2s ease}.group-item-expand-btn:hover{color:var(--text-dark)}.group-item-title{font-size:.875rem;color:var(--text-dark);line-height:1.4;margin-bottom:.375rem}.group-item-excerpt{font-size:.8125rem;color:var(--text-medium);line-height:1.4}.group-item-body{display:grid;grid-template-rows:0fr;transition:grid-template-rows .45s ease;position:relative;z-index:1}.group-item-body-inner .work-expanded-content{justify-content:flex-end}.group-collection-item.expanded .group-item-body{grid-template-rows:1fr;margin-top:.5rem}.group-item-body-inner{overflow:hidden;opacity:0;transition:opacity .3s ease .15s}.group-collection-item.expanded .group-item-body-inner{opacity:1}.work-item{cursor:pointer;position:relative;padding-top:.625rem;padding-bottom:.625rem;border-bottom:1px solid var(--border-color);transition:background .2s ease,margin .2s ease,padding .2s ease}.work-item:before{content:"";position:absolute;inset:-1px -5px;background:transparent;border-top:1px solid transparent;border-bottom:1px solid transparent;z-index:0;pointer-events:none;transition:background .25s ease,border-color .25s ease}.work-item.hidden{display:none}.work-item-main{display:flex;flex-direction:column;gap:.375rem;position:relative;z-index:1;transition:background .25s cubic-bezier(.4,0,.2,1),margin .25s cubic-bezier(.4,0,.2,1),padding .25s cubic-bezier(.4,0,.2,1)}.work-title{font-size:.875rem;line-height:1.4;color:var(--text-dark);transition:color .2s ease;text-align:left}.work-item:hover:before{background:#f7f6f6;border-color:var(--border-color)}.work-item.active:before{background:#e7e7e7;border-color:var(--border-color)}.work-item.active .work-item-main{background:none;position:relative;z-index:1}.work-item.active .work-title{color:var(--text-dark)}.work-excerpt-text{font-size:.875rem;line-height:1.4;color:var(--text-medium)}.work-item-footer{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.work-tags{display:flex;flex-wrap:wrap;gap:.25rem}.work-tag{font-size:.625rem;letter-spacing:.8px;padding:.1875rem .4375rem;background:var(--accent-pink);color:var(--text-dark);font-family:Times New Roman,serif;text-transform:uppercase;border:none;cursor:pointer;transition:opacity .2s ease}.work-tag:hover{opacity:.6}.work-tag--active{background:var(--text-dark);color:var(--bg-light);border:none!important;opacity:1}.work-expand-btn{background:none;border:none;cursor:pointer;font-size:1.125rem;color:var(--text-medium);padding:0;line-height:1;flex-shrink:0;font-family:Times New Roman,serif;transition:color .2s ease}.work-expand-btn:hover{color:var(--text-dark)}.pick-star{font-size:.6rem;color:var(--text-medium);vertical-align:middle;position:relative;top:-1px}.picks-section{margin-bottom:1.5rem;border-bottom:1px solid var(--border-color)}.picks-header{padding:.5rem 0 .375rem;border-bottom:1px solid var(--border-color);margin-bottom:0;display:flex;align-items:center}.picks-star{font-size:.75rem;color:var(--text-dark);line-height:1}.work-expanded-content{display:none;padding-top:.5rem;margin-bottom:1.25rem;border-top:1px solid var(--border-color);align-items:baseline;justify-content:space-between}.reading-content .work-expanded-content,.mobile-work-detail .work-expanded-content{display:flex}.work-item.expanded .work-expanded-content{display:none}.mobile-work-detail .reading-body{margin-top:1.875rem}.work-type{font-size:.75rem;letter-spacing:1.5px;color:var(--text-medium);text-transform:uppercase}.work-read-links{display:flex;flex-direction:column;align-items:flex-end;gap:.35rem}.work-read-link{font-size:.8125rem;color:var(--text-dark);text-decoration:underline;text-underline-offset:4px;transition:color .2s ease;font-style:italic}.work-read-link:hover{color:var(--text-medium)}.right-panel{position:fixed;right:0;top:0;width:65%;height:calc(100vh - 60px);background-color:var(--bg-light);overflow-y:auto;padding:3.75rem clamp(3.125rem,5vw,5rem) clamp(3.75rem,4.5vw,5rem)}.alphabet-nav{position:fixed;right:2.5rem;top:1.875rem;display:flex;flex-direction:column;gap:.75rem;z-index:100}.nav-letter{font-size:.875rem;color:var(--text-light);text-decoration:none;transition:all .3s ease;font-weight:300;position:relative;text-align:right;overflow:hidden;white-space:nowrap}.nav-letter .letter{display:inline-block;width:auto;opacity:1;overflow:hidden;transition:width .3s ease,opacity .2s ease}.nav-letter .full-word{display:inline-block;max-width:0;opacity:0;overflow:hidden;letter-spacing:2px;transition:max-width .3s ease,opacity .2s ease}.nav-letter:hover .letter,.alphabet-nav.nav-intro .nav-letter .letter{width:0;opacity:0}.nav-letter:hover .full-word,.alphabet-nav.nav-intro .nav-letter .full-word{max-width:120px;opacity:1}.nav-letter:hover{color:var(--text-medium)}.nav-letter.active{color:var(--text-dark);font-weight:500}.nav-letter.active:hover{color:var(--text-dark)}.theme-toggle{background:none;border:none;cursor:pointer;font-size:1rem;color:var(--text-light);padding:0;line-height:1;text-align:right;transition:color .2s ease;margin-bottom:1.25rem}.theme-toggle:hover{color:var(--text-medium)}.reading-area{max-width:43.75rem;margin:0}.placeholder{display:flex;align-items:center;justify-content:center;height:400px;opacity:.3}.placeholder p{font-size:1rem;color:var(--text-medium);font-style:italic}.picks-landing-intro{font-size:.875rem;letter-spacing:3px;color:var(--text-dark);margin-bottom:2rem}.picks-landing-list{display:flex;flex-direction:column}.picks-landing-item{cursor:pointer;padding:1.25rem 0;border-bottom:1px solid var(--border-color);transition:opacity .2s ease}.picks-landing-item:first-child{border-top:1px solid var(--border-color)}.picks-landing-item:hover{opacity:.5}.picks-landing-title{font-size:.9375rem;font-weight:400;line-height:1.4;color:var(--text-dark);margin-bottom:.5rem}.picks-landing-excerpt{font-size:.875rem;line-height:1.5;color:var(--text-medium);margin-bottom:.75rem}.reading-content{opacity:0;transform:translateY(20px);animation:fadeIn .6s ease forwards}@keyframes fadeIn{to{opacity:1;transform:translateY(0)}}.reading-content h2{font-size:clamp(1.3125rem,2.5vw + .25rem,2rem);font-weight:400;line-height:1.3;margin-bottom:1.25rem;color:var(--text-dark)}.reading-meta{display:flex;gap:1.875rem;margin-bottom:1.875rem;font-size:.9375rem;color:var(--text-medium)}.meta-item{display:flex;gap:.5rem;align-items:baseline}.meta-label{font-weight:500}.meta-tags{font-size:.8125rem;letter-spacing:1.5px;text-transform:uppercase}.reading-excerpt{font-size:1.0625rem;line-height:1.8;color:var(--text-dark);margin-bottom:1.875rem;font-style:italic}.reading-divider{text-align:center;margin:1.875rem 0;font-size:1.125rem;color:var(--text-medium)}.reading-body{font-size:1rem;line-height:1.4;color:var(--text-dark)}.reading-body p{margin-bottom:.9375rem;hyphens:auto;-webkit-hyphens:auto;overflow-wrap:break-word;-webkit-hyphenate-limit-lines:2}.reading-reference{margin-top:2.5rem;padding-top:1.25rem}.bio-item{border-bottom:1px solid var(--border-color)}.bio-item:first-child{border-top:1px solid var(--border-color)}.bio-trigger{width:100%;display:flex;justify-content:space-between;align-items:center;padding:.875rem 0;background:none;border:none;cursor:pointer;font-family:inherit;color:var(--text-dark);text-align:left}.bio-trigger:hover .bio-label{color:var(--text-dark)}.bio-label{font-size:.7rem;letter-spacing:2.5px;text-transform:uppercase;color:var(--text-medium);transition:color .2s ease}.bio-toggle{font-size:.9rem;color:var(--text-medium);flex-shrink:0;margin-left:1rem;transition:color .2s ease}.bio-body{display:grid;grid-template-rows:0fr;transition:grid-template-rows .35s ease}.bio-item.open .bio-body{grid-template-rows:1fr}.bio-body-inner{overflow:hidden;opacity:0;transform:translateY(-8px);transition:opacity .2s ease,transform .2s ease}.bio-item.open .bio-body-inner{opacity:1;transform:translateY(0);transition:opacity .3s ease .1s,transform .3s ease .1s}.bio-body-inner .reading-body{padding-bottom:1.75rem}.reference-label{font-size:.75rem;letter-spacing:1.5px;text-transform:uppercase;color:var(--text-medium);margin-bottom:.5rem;font-weight:400}.reference-text{font-size:.875rem;color:var(--text-medium);line-height:1.5}body.section-about .reading-content{margin-top:-.875rem}.about-cv-link{display:inline-block;margin-top:.75rem;font-size:.7rem;letter-spacing:2.5px;text-transform:uppercase;color:var(--text-medium);text-decoration:underline;text-underline-offset:3px;transition:color .2s ease}.about-cv-link:hover{color:var(--text-dark)}.contact-links{margin-top:1.5rem}.contact-links .detail-pub{border-bottom:none;font-size:1rem;gap:4rem;align-items:baseline}.contact-links .detail-pub-type{width:2.5rem;padding-top:0}.contact-links .detail-pub-text{text-align:left}.contact-links .detail-pub-text a{font-size:1rem}.filter-bar{position:fixed;bottom:0;left:0;width:100%;height:60px;background-color:var(--accent-pink);border-top:1px solid var(--border-color);display:flex;align-items:center;z-index:1000}.filter-container{display:flex;align-items:center;justify-content:space-evenly;width:100%;padding:0}.filter-tag{font-size:.75rem;letter-spacing:1.5px;color:var(--text-dark);background:none;border:none;cursor:pointer;padding:.5rem .75rem;transition:all .3s ease;position:relative;opacity:.6;font-family:Times New Roman,serif}.filter-tag:after{content:"";position:absolute;bottom:3px;left:.75rem;right:.75rem;height:1px;background-color:var(--text-dark);transform:scaleX(0);transition:transform .3s ease}.filter-tag:hover,.filter-tag.active{opacity:1}.filter-tag.active:after{transform:scaleX(1)}.filter-tag--picks{opacity:.8;position:relative}.filter-tag--picks:before{content:"BOGNA'S PICKS";position:absolute;bottom:calc(100% + 6px);left:50%;transform:translate(-50%);white-space:nowrap;font-size:.75rem;letter-spacing:1.5px;color:var(--text-dark);background:var(--accent-pink);border:1px solid var(--border-color);padding:.25rem .5rem;opacity:0;pointer-events:none;transition:opacity .2s ease}.filter-tag--picks:hover:before{opacity:1}.filter-tag--picks.active{opacity:1}.mobile-dropdown{display:none;padding:1.25rem 1.25rem 0;background-color:var(--bg-lighter)}.mobile-dropdown select{width:100%;padding:.75rem 1rem;font-size:.875rem;font-family:Times New Roman,Georgia,serif;background-color:var(--bg-light);border:1px solid var(--border-color);border-radius:4px;color:var(--text-medium);cursor:pointer}.left-panel::-webkit-scrollbar,.right-panel::-webkit-scrollbar{width:6px}.left-panel::-webkit-scrollbar-track,.right-panel::-webkit-scrollbar-track{background:transparent}.left-panel::-webkit-scrollbar-thumb,.right-panel::-webkit-scrollbar-thumb{background:var(--text-light);border-radius:3px}.left-panel::-webkit-scrollbar-thumb:hover,.right-panel::-webkit-scrollbar-thumb:hover{background:var(--text-medium)}.section-header{font-size:.875rem;letter-spacing:3px;font-weight:400;margin-bottom:2.5rem;color:var(--text-dark);text-align:left}.blog-list{display:flex;flex-direction:column;gap:0;max-width:43.75rem;padding-top:.625rem}.blog-post{cursor:pointer;position:relative;padding-top:.625rem;padding-bottom:.625rem;border-bottom:1px solid var(--border-color);display:flex;flex-wrap:wrap;align-items:baseline;gap:0 .75rem;transition:background .2s ease,margin .2s ease,padding .2s ease}.blog-post:before{content:"";position:absolute;inset:-1px -5px;background:transparent;border-top:1px solid transparent;border-bottom:1px solid transparent;z-index:0;pointer-events:none;transition:background .25s ease,border-color .25s ease}.blog-post:last-child{border-bottom:none}.blog-post:hover:before{background:#f7f6f6;border-color:var(--border-color)}.blog-post.active:before{background:#e7e7e7;border-color:var(--border-color)}.blog-post.active .blog-title{color:var(--text-dark)}.blog-title{font-size:.875rem;line-height:1.3;margin-bottom:.375rem;color:var(--text-dark);font-weight:400;transition:color .2s ease;position:relative;z-index:1}.blog-meta{font-size:.8125rem;color:var(--text-medium);margin-bottom:.5rem;margin-left:auto;position:relative;z-index:1}.blog-excerpt{font-size:.875rem;line-height:1.4;color:var(--text-medium);width:100%;position:relative;z-index:1}.blog-read-more{display:inline-block;margin-top:.75rem;font-size:.875rem;color:var(--text-medium);text-decoration:underline;position:relative;z-index:1;transition:color .3s ease}.blog-read-more:hover{color:var(--text-dark)}.blog-post-footer{width:100%;display:flex;justify-content:flex-end;margin-top:.25rem;position:relative;z-index:1}.blog-expand-btn{background:none;border:none;cursor:pointer;font-size:1.125rem;color:var(--text-medium);padding:0;line-height:1;flex-shrink:0;font-family:Times New Roman,serif;transition:color .2s ease}.blog-expand-btn:hover{color:var(--text-dark)}.blog-subscribe{margin-bottom:3.125rem;padding-bottom:3.125rem;border-bottom:1px solid var(--border-color);max-width:43.75rem}.subscribe-text{font-size:.9375rem;color:var(--text-medium);line-height:1.6;margin-bottom:1.25rem}.subscribe-form{display:flex;gap:0}.subscribe-input{flex:1;font-family:Times New Roman,Georgia,serif;font-size:.9375rem;padding:.625rem .875rem;border:1px solid var(--border-color);border-right:none;background:var(--bg-lighter);color:var(--text-dark);outline:none;transition:border-color .3s ease}.subscribe-input::placeholder{color:var(--text-light)}.subscribe-input:focus{border-color:var(--text-medium)}.subscribe-button{font-family:Times New Roman,Georgia,serif;font-size:.8125rem;letter-spacing:1.5px;text-transform:uppercase;padding:.625rem 1.25rem;border:1px solid var(--border-color);background:var(--bg-light);color:var(--text-dark);cursor:pointer;transition:all .3s ease}.subscribe-button:hover{background:var(--text-dark);color:var(--bg-lighter);border-color:var(--text-dark)}.subscribe-confirmation{font-size:.875rem;color:var(--text-medium);margin-top:.75rem;min-height:20px}.hidden{display:none!important}body.section-projects .left-panel{display:none}body.section-projects .right-panel{width:100%;padding:3.75rem 6.25rem 5rem 2.5rem}body.section-projects .reading-area{max-width:100%}.projects-section-title{position:fixed;top:1.875rem;left:2.5rem;font-size:.875rem;letter-spacing:3px;font-weight:400;color:var(--text-dark);z-index:50}@keyframes cardFadeUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes detailScaleUp{0%{opacity:0;transform:scale(.98) translateY(8px)}to{opacity:1;transform:scale(1) translateY(0)}}.card-enter{animation:cardFadeUp .3s ease both}@keyframes fadeOut{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(6px)}}.reading-area-fadeout{animation:fadeOut .25s ease-out both}@keyframes fadeUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.entry-enter{animation:fadeUp .25s ease both}.detail-enter{animation:detailScaleUp .3s ease both}.projects-columns{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-top:.25rem;grid-auto-flow:row dense}.projects-col-label{font-size:.775rem;letter-spacing:2px;text-transform:uppercase;color:var(--text-medium);padding-bottom:.25rem;align-self:end}.project-card--finished{grid-column:1}.project-card--ongoing{grid-column:2}.project-card{background:var(--accent-ongoing);padding:1.5rem;color:var(--text-medium);cursor:pointer;display:flex;flex-direction:column;transition:background .3s ease-out}.project-card:hover{background:var(--accent-ongoing-hover);transition:background .15s ease-in}.project-card-title{font-size:.875rem;font-weight:400;margin-bottom:.625rem;line-height:1.4;color:var(--text-dark)}.project-card-desc{font-size:.875rem;color:var(--text-medium);line-height:1.4;flex:1}.project-card-footer{display:flex;flex-wrap:wrap;justify-content:flex-start;align-items:flex-start;gap:.5rem .75rem;margin-top:1.25rem;min-width:0;width:100%}.project-card-badge{font-size:.875rem;color:var(--text-medium);flex:1 1 auto;min-width:0}.detail-badge{margin-right:0;margin-bottom:.5rem}.project-card-tags{display:flex;flex-wrap:wrap;gap:.3125rem;justify-content:flex-end;margin-left:auto;min-width:0;max-width:100%}.project-card-tag{padding:.1875rem .5rem;border:.3px solid var(--text-medium);font-size:.6875rem;color:var(--text-medium);background:var(--accent-ongoing);font-family:Times New Roman,serif;text-transform:uppercase;letter-spacing:.5px;transition:background .3s ease-out}.project-card:hover .project-card-tag{background:var(--accent-ongoing-hover);transition:background .15s ease-in}.project-card .project-card-desc,.project-card .project-card-badge,.project-card .project-card-tag{color:#5a5a5a;border-color:#5a5a5a80}body.dark .project-card .project-card-desc,body.dark .project-card .project-card-badge,body.dark .project-card .project-card-tag{color:#b0b0b0;border-color:#b0b0b080}.project-detail{background:var(--accent-ongoing);color:var(--text-medium);padding:1.25rem 1.25rem 2.5rem;min-height:520px;margin-top:.25rem}.project-detail-header{display:flex;justify-content:flex-end;margin-bottom:0}.project-detail-close{background:none;border:none;color:#5a5a5a;font-size:.95rem;letter-spacing:1px;cursor:pointer;font-family:Times New Roman,Georgia,serif;opacity:.7;transition:opacity .15s ease;padding:0}body.dark .project-detail-close{color:#b0b0b0}.project-detail-close:hover{opacity:1}.project-detail-body{display:grid;grid-template-columns:320px minmax(auto,820px);gap:3rem}.detail-title{font-size:clamp(1.3125rem,2.5vw + .25rem,2rem);font-weight:400;line-height:1.2;margin-bottom:.625rem;color:var(--text-dark)}.detail-tags{display:flex;flex-wrap:wrap;gap:.3125rem}.detail-tag{padding:.1875rem .5rem;font-size:10.5px;color:var(--text-medium);background:var(--accent-ongoing);font-family:Times New Roman,serif;text-transform:uppercase;letter-spacing:.5px;border:.3px solid var(--text-medium)}.project-detail .detail-tag,.project-detail .project-card-badge,.project-detail .detail-section-title,.project-detail .detail-pub-type{color:#5a5a5a;border-color:#5a5a5a80}body.dark .project-detail .detail-tag,body.dark .project-detail .project-card-badge,body.dark .project-detail .detail-section-title,body.dark .project-detail .detail-pub-type{color:#b0b0b0;border-color:#b0b0b080}.detail-body{font-size:1rem;line-height:1.4;color:var(--text-dark)}.detail-body a,.detail-pub-text a{font-size:.875rem;color:var(--text-dark);text-decoration:underline;text-underline-offset:4px;transition:color .2s ease;font-style:italic}.detail-body a:hover,.detail-pub-text a:hover{color:var(--text-medium)}.detail-body p{font-size:1rem;line-height:1.4;margin-bottom:1rem;hyphens:auto;-webkit-hyphens:auto;overflow-wrap:break-word;-webkit-hyphenate-limit-lines:2}.detail-section{margin-top:2rem}.detail-section-title{font-size:.8125rem;letter-spacing:1.5px;text-transform:uppercase;font-weight:400;color:var(--text-medium);margin-bottom:.75rem;padding-bottom:.625rem}.detail-pub{display:flex;gap:1rem;border-bottom:.3px solid rgb(159,159,159);font-size:.8125rem;line-height:1.5;margin-bottom:.5rem;padding-bottom:.3125rem}.detail-pub-type{font-size:.6875rem;letter-spacing:1.5px;text-transform:uppercase;color:var(--text-medium);width:140px;flex-shrink:0;padding-top:.125rem}.detail-pub-text{color:var(--text-dark);min-width:0;overflow-wrap:break-word}.detail-pub-text a{color:var(--text-dark);text-decoration:underline;text-underline-offset:4px;font-style:italic;transition:color .2s ease}.detail-pub-text a:hover{color:var(--text-medium)}.detail-pub-type-link{color:var(--text-dark);text-decoration:underline;text-underline-offset:4px;font-style:italic;transition:color .2s ease}.detail-pub--order .detail-pub-type{width:auto;white-space:nowrap;text-transform:none;letter-spacing:0;font-size:.8125rem}.cart-icon{opacity:0;transition:opacity .2s ease;vertical-align:middle;margin-left:4px;position:relative;top:-1px}.work-read-link:hover .cart-icon{opacity:1}.detail-pub:not(.detail-pub--order) .detail-pub-text a:after{content:" →";opacity:0;transition:opacity .2s ease}.detail-pub:not(.detail-pub--order) .detail-pub-text a:hover:after{opacity:1}.detail-pub-type-link:hover{color:var(--text-medium)}.works-grid-row{display:grid;grid-template-columns:22% 37% 1fr;gap:0 100px;padding:.5rem 0 0;align-items:start}.mobile-work-detail{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:var(--bg-light);z-index:300;overflow-y:auto;padding:1.875rem 1.25rem 1.25rem;animation:workFadeIn .3s ease both}.mobile-filter-dropdown{display:none}.burger-btn{display:none;flex-direction:column;justify-content:center;gap:.3125rem;position:fixed;top:1.25rem;right:1.25rem;z-index:500;background:none;border:none;cursor:pointer;padding:.25rem;width:28px}.burger-btn span{display:block;width:100%;height:1px;background-color:var(--text-dark);transition:transform .25s ease,opacity .25s ease;transform-origin:center}.burger-btn.open span:nth-child(1){transform:translateY(6px) rotate(45deg)}.burger-btn.open span:nth-child(2){opacity:0}.burger-btn.open span:nth-child(3){transform:translateY(-6px) rotate(-45deg)}.mobile-nav{display:none;flex-direction:column;position:fixed;top:0;right:0;width:100%;height:100%;background:var(--bg-light);z-index:400;padding:1.875rem 1.875rem 3.75rem;transform:translate(100%);transition:transform .35s ease}.mobile-nav.open{transform:translate(0)}.mobile-nav-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:3.75rem}.burger-close{background:none;border:none;cursor:pointer;color:var(--text-light);padding:0;line-height:1;transition:color .2s ease}.burger-close:hover{color:var(--text-dark)}.mobile-nav-links{display:flex;flex-direction:column;gap:1.75rem}.mobile-nav-link{font-family:Times New Roman,serif;font-size:1rem;letter-spacing:4px;color:var(--text-light);text-decoration:none;transition:color .2s ease}.mobile-nav-link:hover{color:var(--text-medium)}.mobile-nav-link.active{color:var(--text-dark)}body.nav-open .filter-bar{display:none!important}body.nav-open{position:fixed;width:100%;overflow-y:scroll}@media(max-width:1024px){.left-panel{width:40%;padding:2.5rem 1.875rem 1.875rem}.right-panel{width:60%}body.section-works .left-panel,body.section-blog .left-panel{width:45%}body.section-works .right-panel,body.section-blog .right-panel{width:55%}body.section-projects .right-panel{width:100%;padding:5rem 3.125rem 3.75rem 2.5rem}.project-detail-body{grid-template-columns:200px 1fr;gap:2rem}.alphabet-nav{display:none}.burger-btn,.mobile-nav{display:flex}}@media(min-width:769px)and (max-width:1024px){html{font-size:18px}.project-detail-body{grid-template-columns:minmax(0,200px) minmax(0,1fr)}.project-detail-left,.project-detail-right{min-width:0}.detail-title{overflow-wrap:break-word}.detail-pub-text{min-width:0;overflow-wrap:break-word}}@media(max-width:768px){html,body{overflow-x:hidden;overflow-y:auto;height:auto;width:100%}body *{font-size:1rem}.project-card-tag,.detail-tag,.filter-tag,.works-search-clear,.work-type,.detail-pub-type,.detail-section-title,.meta-tags,.reading-meta span{font-size:.75rem}.blog-meta{font-size:.8125rem}.mobile-filter-label,.works-search-input{font-size:.875rem}.blog-title{font-size:1rem;color:var(--text-dark)}.blog-excerpt{font-size:1rem;line-height:1.2}.work-tag{font-size:10.5px}.left-panel{display:none}body.section-works .left-panel{display:block;position:relative;width:100%;height:auto;min-height:calc(100vh - 60px);overflow-y:visible;border-right:none;padding:1.5625rem}body.section-works .right-panel{display:none!important}.mobile-dropdown{display:none}.right-panel{position:relative;width:100%;height:auto;min-height:calc(100vh - 60px);padding:2.5rem 1.25rem 5rem}body.section-about .left-panel,body.section-blog .left-panel,body.section-contact .left-panel,body.section-projects .left-panel{display:block;position:relative;width:100%;height:auto;overflow:visible;border-right:none;padding:1.5625rem}body.section-about .left-panel .panel-content,body.section-blog .left-panel .panel-content,body.section-contact .left-panel .panel-content,body.section-projects .left-panel .panel-content{margin:0}body.section-about .right-panel,body.section-contact .right-panel{position:relative;width:100%;padding-top:1.25rem}body.section-blog .right-panel,body.section-projects .right-panel{position:relative;width:100%;padding:0 1.5625rem 5rem}.projects-columns{grid-template-columns:1fr;grid-auto-flow:row}.projects-col-label--finished{order:1}.project-card--finished{grid-column:1;order:2}.projects-col-label--ongoing{order:3}.project-card--ongoing{grid-column:1;order:4}.project-card-title,.project-card-desc{font-size:1rem;line-height:1.2}.project-card-tag{font-size:10.5px}.mobile-work-detail.mobile-project-detail .reading-content{background:var(--accent-ongoing);padding:1.5rem;overflow:hidden}.project-detail-body{grid-template-columns:1fr;gap:1.25rem;max-width:100%}.project-detail-left,.project-detail-right{min-width:0;max-width:100%}.detail-title{overflow-wrap:break-word}.detail-body{width:100%;overflow-wrap:break-word}.detail-pub{flex-wrap:wrap;gap:.25rem 1rem}.detail-pub-type{width:auto;flex-shrink:1}.detail-pub--order .detail-pub-type{white-space:normal;overflow-wrap:break-word}.detail-pub-text{min-width:0;overflow-wrap:break-word}.project-detail-header{margin-bottom:.9375rem}.work-item.active:before,.blog-post.active:before{display:none}.work-item.active .work-item-main,.blog-post.active{background:none;margin:0;padding:0}body.section-projects .projects-section-title{display:none}.works-grid-row{display:flex;flex-direction:column;gap:0}.works-grid-title-col{width:100%}.works-grid-title-col .work-read-link-inline{display:none}.work-item.expanded .works-grid-title-col .work-read-link-inline{display:inline-block;opacity:1;pointer-events:auto;margin-top:.625rem}.works-grid-excerpt{width:100%;margin-top:0}.works-grid-tags-col{width:100%;justify-content:flex-start!important;margin-top:.375rem}.filter-container{display:none}.filter-bar{height:35px}.mobile-filter-dropdown{display:block;width:100%;position:relative}body{overflow:auto;height:auto}.placeholder{display:none!important}.mobile-work-detail{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:var(--bg-light);z-index:300;overflow-y:auto;padding:1.875rem 1.25rem 1.25rem;animation:workFadeIn .3s ease both}body.mobile-detail-open .mobile-work-detail{display:block}body.mobile-detail-open .left-panel,body.mobile-detail-open .alphabet-nav,body.mobile-detail-open .filter-bar{display:none!important}.mobile-work-detail-back{display:flex;align-items:center;gap:.375rem;background:none;border:none;cursor:pointer;font-family:Times New Roman,serif;font-size:.875rem;letter-spacing:3px;text-transform:uppercase;color:var(--text-medium);padding:0;margin-bottom:2.25rem}.mobile-work-detail-back:hover{opacity:1}.works-header-row{flex-direction:column;gap:1rem}.works-search-bar{width:100%;margin-left:0}}body.works-landing .left-panel{width:100%;border-right:none;padding-right:4.375rem}body.works-landing .panel-content{max-width:none}body.works-landing .right-panel{width:0;overflow:hidden;padding:0}.works-grid-title{font-size:.875rem;line-height:1.5;color:var(--text-dark);transition:color .2s ease}.work-item:not(.expanded):hover .works-grid-title{color:var(--text-medium)}.work-item.active .works-grid-title{color:var(--text-dark)}.works-grid-excerpt{font-size:.875rem;line-height:1.6;color:var(--text-dark)}.works-grid-tags-col{display:flex;flex-wrap:wrap;gap:.375rem;justify-content:flex-end;align-items:flex-start}.works-see-more-row{display:flex;justify-content:flex-end;padding:.625rem 0 1rem}.see-more-link{font-size:.8125rem;color:var(--text-medium);font-style:italic;cursor:pointer;transition:color .2s ease}.see-more-link:hover{color:var(--text-dark)}.work-excerpt-collapsed{display:block;max-height:300px;opacity:1;overflow:hidden;transition:max-height .35s ease,opacity .25s ease}.work-item.expanded .work-excerpt-collapsed{max-height:0;opacity:0;pointer-events:none}.work-body-wrapper{display:grid;grid-template-rows:0fr;transition:grid-template-rows .45s ease}.work-item.expanded .work-body-wrapper{grid-template-rows:1fr}.work-body-expanded{overflow:hidden;opacity:0;transition:opacity .3s ease .15s}.work-item.expanded .work-body-expanded{opacity:1}.work-body-expanded p{margin-bottom:.875rem;font-size:.875rem;line-height:1.7;color:var(--text-dark)}.work-body-expanded p:last-child{margin-bottom:0}.work-read-link-wrapper{display:grid;grid-template-rows:0fr;transition:grid-template-rows .45s ease,margin-top .45s ease;margin-top:0}.work-item.expanded .work-read-link-wrapper{grid-template-rows:1fr;margin-top:1rem}.work-read-link-wrapper .work-read-link-inline{overflow:hidden;opacity:0;transition:opacity .3s ease .15s}.work-item.expanded .work-read-link-wrapper .work-read-link-inline{opacity:1}.work-read-link-inline{display:inline-block;font-size:.6875rem;letter-spacing:2px;text-transform:uppercase;color:var(--text-medium);text-decoration:none;transition:color .2s ease}.work-read-link-inline:hover{color:var(--text-dark)}.mobile-filter-trigger{display:flex;align-items:center;justify-content:center;gap:.625rem;background:none;border:none;cursor:pointer;font-family:Times New Roman,serif;font-size:.875rem;letter-spacing:1.5px;text-transform:uppercase;color:var(--text-dark);width:100%;height:35px;padding:0 1.25rem}.mobile-filter-arrow{display:inline-block;transition:transform .3s ease;font-size:.875rem}.mobile-filter-dropdown.open .mobile-filter-arrow{transform:rotate(180deg)}.mobile-filter-options{position:absolute;bottom:35px;left:0;width:100%;background-color:var(--accent-pink);border-top:1px solid var(--border-color);display:flex;flex-direction:column;max-height:0;overflow:hidden;transition:max-height .35s ease}.mobile-filter-dropdown.open .mobile-filter-options{max-height:600px}.mobile-filter-option{background:none;border:none;border-bottom:1px solid var(--border-color);cursor:pointer;font-family:Times New Roman,serif;font-size:.875rem;letter-spacing:1.5px;text-transform:uppercase;color:var(--text-dark);padding:.875rem 1.25rem;text-align:center;opacity:.6;transition:opacity .2s ease}.mobile-filter-option:last-child{border-bottom:none}.mobile-filter-option:hover,.mobile-filter-option.active{opacity:1}.works-grid-title-col .work-read-link-inline{display:block;margin-top:1.25rem;opacity:0;pointer-events:none;transition:opacity .3s ease .15s}.work-item.expanded .works-grid-title-col .work-read-link-inline{opacity:1;pointer-events:auto}@media(max-width:480px){.right-panel{padding:1.875rem 1.25rem 5rem}.mobile-dropdown{padding:.9375rem .9375rem 0}.section-title{font-size:.875rem;margin-bottom:1.875rem}.work-title,.work-excerpt-text,.year-group-header{font-size:1rem;line-height:1.2}.no-hyphen{hyphens:none;-webkit-hyphens:none}.work-item-main{gap:.625rem}.work-expand-btn{font-size:1.375rem;color:var(--text-dark)}.work-item-footer{margin-top:.3125rem}}.js-hidden{display:none!important}