.image-lightbox{position:fixed;top:0;left:0;width:100%;height:100%;background:#0000;backdrop-filter:blur(0px);z-index:10000;display:flex;align-items:center;justify-content:center;opacity:0;pointer-events:none;transition:all .5s cubic-bezier(.16,1,.3,1)}.image-lightbox.active{opacity:1;background:#000000eb;backdrop-filter:blur(20px);pointer-events:all}body.dark-mode .image-lightbox.active{background:#000000f2}.lightbox-close{position:absolute;top:2rem;right:2rem;width:3rem;height:3rem;border:1px solid rgba(255,255,255,.2);background:#ffffff0d;backdrop-filter:blur(10px);border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:10001;transition:all .3s cubic-bezier(.4,0,.2,1);opacity:0;transform:scale(.8) rotate(90deg)}.image-lightbox.active .lightbox-close{opacity:1;transform:scale(1) rotate(0);transition-delay:.2s}.lightbox-close:hover{background:#ffffff1a;border-color:#fff6;transform:scale(1.1) rotate(90deg)}.lightbox-close svg{color:#fff}.lightbox-content{max-width:90vw;max-height:90vh;display:flex;align-items:center;justify-content:center;opacity:0;transform:scale(.9) translateY(30px);transition:all .6s cubic-bezier(.16,1,.3,1)}.image-lightbox.active .lightbox-content{opacity:1;transform:scale(1) translateY(0);transition-delay:.1s}.lightbox-image{max-width:100%;max-height:90vh;width:auto;height:auto;object-fit:contain;border-radius:8px;box-shadow:0 20px 60px #00000080}.prose img,.column img{cursor:zoom-in;transition:all .3s cubic-bezier(.4,0,.2,1)}.prose img:hover,.column img:hover{transform:scale(1.02);box-shadow:0 4px 12px #00000026}body.dark-mode .prose img:hover,body.dark-mode .column img:hover{box-shadow:0 4px 12px #0006}@media(max-width:768px){.lightbox-close{top:1rem;right:1rem;width:2.5rem;height:2.5rem}.lightbox-content{max-width:95vw;max-height:95vh}.lightbox-image{border-radius:4px}}.columns-container{display:flex;height:100vh;width:100%;overflow-x:auto;overflow-y:hidden;scroll-behavior:smooth;-webkit-overflow-scrolling:touch}.columns-container::-webkit-scrollbar{height:10px}.columns-container::-webkit-scrollbar-track{background:#0000000d}.columns-container::-webkit-scrollbar-thumb{background:var(--color-secondary);border-radius:5px;border:2px solid rgba(0,0,0,.05)}.columns-container::-webkit-scrollbar-thumb:hover{background:var(--color-primary)}body.dark-mode .columns-container::-webkit-scrollbar-track{background:#ffffff0d}body.dark-mode .columns-container::-webkit-scrollbar-thumb{background:var(--color-dark-secondary);border-color:#ffffff0d}body.dark-mode .columns-container::-webkit-scrollbar-thumb:hover{background:var(--color-dark-primary)}.columns-container{scrollbar-width:thin;scrollbar-color:var(--color-secondary) rgba(0,0,0,.05)}.column{position:relative;min-width:100%;max-width:100%;width:100%;height:100vh;overflow-y:auto;overflow-x:hidden;border-right:1px solid var(--color-border);background:var(--color-surface);padding:3rem 2rem 4rem;box-sizing:border-box;flex-shrink:0;animation:slideIn .5s cubic-bezier(.16,1,.3,1);transform-origin:left center;align-self:flex-start}.column img,.column video,.column iframe,.column pre,.column code{max-width:100%}.column img,.column video{height:auto}.column p,.column h1,.column h2,.column h3,.column h4,.column h5,.column h6{word-wrap:break-word;overflow-wrap:break-word}.column::-webkit-scrollbar{width:4px}.column::-webkit-scrollbar-track{background:transparent}.column::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:2px;opacity:.3}.column::-webkit-scrollbar-thumb:hover{background:var(--color-secondary)}body.dark-mode .column::-webkit-scrollbar-thumb{background:var(--color-dark-border)}body.dark-mode .column::-webkit-scrollbar-thumb:hover{background:var(--color-dark-secondary)}.column{scrollbar-width:thin;scrollbar-color:var(--color-border) transparent}body.dark-mode .column{scrollbar-color:var(--color-dark-border) transparent}.column[data-custom-width]{min-width:var(--column-width);max-width:var(--column-width);width:var(--column-width)}#main-column{flex-shrink:0;position:sticky;left:0;z-index:10}@keyframes slideIn{0%{opacity:0;transform:translate(40px) scale(.96)}to{opacity:1;transform:translate(0) scale(1)}}.column.closing{animation:slideOut .4s cubic-bezier(.7,0,.84,0)}@keyframes slideOut{0%{opacity:1;transform:translate(0) scale(1)}to{opacity:0;transform:translate(40px) scale(.96)}}body.dark-mode .column{border-color:var(--color-dark-border);background:var(--color-dark-surface)}@media(max-width:639px){.columns-container{flex-direction:column;overflow-x:hidden;overflow-y:auto;height:auto;min-height:100vh;scroll-snap-type:none}.column{min-width:100%;max-width:100%;width:100%;height:auto;min-height:100vh;border-right:none;border-bottom:1px solid var(--color-border);scroll-snap-align:none}body.dark-mode .column{border-bottom-color:var(--color-dark-border)}#main-column{position:relative;z-index:1}.column:last-child{border-bottom:none}}@media(min-width:640px){#main-column{min-width:480px;max-width:480px;width:480px}.column:not(#main-column):not([data-custom-width]){min-width:400px;max-width:420px;width:420px}}@media(min-width:1024px){#main-column{min-width:520px;max-width:520px;width:520px}.column:not(#main-column):not([data-custom-width]){min-width:450px;max-width:470px;width:470px}}@media(min-width:1440px){#main-column{min-width:580px;max-width:580px;width:580px}.column:not(#main-column):not([data-custom-width]){min-width:500px;max-width:520px;width:520px}}.resize-handle{position:fixed;top:0;right:0;width:40px;height:100vh;cursor:col-resize!important;z-index:10;display:none;background:transparent;transition:background .2s ease}@media(min-width:640px){.resize-handle{display:block}}.resize-handle:hover{background:linear-gradient(90deg,transparent 0%,rgba(232,149,107,.08) 50%,transparent 100%)}body.dark-mode .resize-handle:hover{background:linear-gradient(90deg,transparent 0%,rgba(232,149,107,.12) 50%,transparent 100%)}.resize-handle:before,.resize-handle:after{display:none}.resizing{user-select:none}.column-header{margin-bottom:3rem}.column-title{font-family:Playfair Display,Georgia,serif;font-size:2.25rem;font-weight:600;margin-bottom:1.25rem;letter-spacing:-.01em;line-height:1.2}.column-subtitle{font-size:1.0625rem;color:var(--color-secondary);font-weight:400;line-height:1.75}body.dark-mode .column-subtitle{color:var(--color-dark-secondary)}.list-section{margin-bottom:3rem}.section-title{font-family:Lora,Georgia,serif;font-size:.8125rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--color-secondary);margin-bottom:1.25rem}body.dark-mode .section-title{color:var(--color-dark-secondary)}.list-item{display:block;padding:1.125rem 0;border-bottom:1px solid var(--color-border);cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1);position:relative}.list-item:before{content:"";position:absolute;left:-2rem;top:50%;transform:translateY(-50%) translate(-4px);width:8px;height:1px;background:currentColor;opacity:0;transition:all .25s cubic-bezier(.4,0,.2,1)}.list-item:hover{opacity:.6;transform:translate(2px)}.list-item:hover:before{opacity:.3;transform:translateY(-50%) translate(0)}body.dark-mode .list-item{border-color:var(--color-dark-border)}.list-item-title{font-family:Lora,Georgia,serif;font-size:1.0625rem;font-weight:500;margin-bottom:.375rem;line-height:1.4}.list-item-meta{font-size:.9375rem;color:var(--color-secondary);line-height:1.6}body.dark-mode .list-item-meta{color:var(--color-dark-secondary)}.list-item-description{font-size:.9375rem;color:var(--color-secondary);margin-top:.5rem;line-height:1.65}body.dark-mode .list-item-description{color:var(--color-dark-secondary)}.back-link{display:inline-block;font-size:.875rem;color:var(--color-secondary);margin-bottom:2rem;cursor:pointer;opacity:0;animation:fadeInUp .4s cubic-bezier(.16,1,.3,1) .1s forwards}body.dark-mode .back-link{color:var(--color-dark-secondary)}.article-content,.gallery-content{animation:fadeInContent .6s cubic-bezier(.16,1,.3,1) .1s both}.article-header,.gallery-header{opacity:0;animation:fadeInUp .5s cubic-bezier(.16,1,.3,1) .2s forwards}.article-header h1,.gallery-header h2{opacity:0;animation:fadeInUp .5s cubic-bezier(.16,1,.3,1) .25s forwards}.article-meta,.gallery-subtitle,.project-meta{opacity:0;animation:fadeInUp .4s cubic-bezier(.16,1,.3,1) .35s forwards}.prose,.project-media,.gallery-grid{opacity:0;animation:fadeInUp .5s cubic-bezier(.16,1,.3,1) .4s forwards}@keyframes fadeInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInContent{0%{opacity:0}to{opacity:1}}.htmx-request .htmx-indicator{display:block}.htmx-indicator{display:none;position:fixed;top:2rem;right:2rem;width:24px;height:24px;border:2px solid var(--color-border);border-top-color:var(--color-accent);border-radius:50%;animation:spin .8s linear infinite;z-index:1000}@keyframes spin{to{transform:rotate(360deg)}}.spotify-player{position:fixed;top:2rem;right:2rem;background:var(--color-surface);border:1px solid var(--color-border);border-radius:0;padding:.75rem;transition:opacity .4s cubic-bezier(.4,0,.2,1),transform .4s cubic-bezier(.4,0,.2,1);z-index:100;width:400px;cursor:move;box-shadow:0 2px 8px #00000014}body.dark-mode .spotify-player{background:var(--color-dark-surface);border-color:var(--color-dark-border);box-shadow:0 2px 8px #0003}.spotify-player.hidden{opacity:0;transform:translateY(-20px);pointer-events:none}.spotify-player.dragging{transition:none;cursor:grabbing}.spotify-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem;cursor:grab;user-select:none}.spotify-player.dragging .spotify-header{cursor:grabbing}.spotify-label{font-size:.75rem;font-weight:500;color:var(--color-secondary);text-transform:uppercase;letter-spacing:.05em;pointer-events:none}body.dark-mode .spotify-label{color:var(--color-dark-secondary)}.spotify-close{background:none;border:none;cursor:pointer;color:var(--color-secondary);padding:.25rem;display:flex;align-items:center;justify-content:center;transition:all .2s cubic-bezier(.4,0,.2,1);opacity:.6}body.dark-mode .spotify-close{color:var(--color-dark-secondary)}.spotify-close:hover{opacity:1;transform:scale(1.1)}.spotify-embed{width:100%;border-radius:8px;overflow:hidden;pointer-events:auto}.spotify-embed iframe{width:100%;height:152px;border:none}@media(max-width:640px){.spotify-player{display:none!important}}.mobile-nav{display:none;position:fixed;bottom:1.5rem;left:50%;transform:translate(-50%);z-index:150;gap:.75rem}@media(max-width:639px){.mobile-nav{display:flex}}.mobile-nav-btn{width:44px;height:44px;border-radius:50%;background:var(--color-surface);border:1.5px solid var(--color-primary);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;backdrop-filter:blur(8px);box-shadow:0 2px 8px #0000001a}body.dark-mode .mobile-nav-btn{background:var(--color-dark-surface);border-color:var(--color-dark-primary);box-shadow:0 2px 8px #0000004d}.mobile-nav-btn:active{transform:scale(.95)}.mobile-nav-btn:disabled{opacity:.3;cursor:not-allowed}.mobile-nav-btn svg{width:20px;height:20px;color:var(--color-primary)}body.dark-mode .mobile-nav-btn svg{color:var(--color-dark-primary)}.theme-toggle{position:fixed;bottom:1.5rem;right:1.5rem;width:36px;height:36px;border-radius:50%;background:transparent;border:1.5px solid var(--color-primary);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;z-index:150;backdrop-filter:blur(8px);will-change:transform}body.dark-mode .theme-toggle{border-color:var(--color-dark-primary)}.theme-toggle:hover{transform:scale(1.05);border-width:2px}.theme-toggle svg{width:16px;height:16px;color:var(--color-primary);transition:all .2s ease}body.dark-mode .theme-toggle svg{color:var(--color-dark-primary)}.sun-icon{display:none}.moon-icon,body.dark-mode .sun-icon{display:block}body.dark-mode .moon-icon{display:none}