:root{--text-main:#fff;--text-dark:#1a1a1a;--accent:#b0a597}*{box-sizing:border-box;margin:0;padding:0}html,body{background-color:#111;height:100vh;font-family:Noto Sans SC,sans-serif;overflow:hidden;color:#fff!important}:global(#main-header){pointer-events:none;-webkit-backdrop-filter:none!important;box-shadow:none!important;background:0 0!important;border-bottom:none!important}:is(:global(#main-header .logo),:global(#main-header .nav-links),:global(#main-header .mobile-menu-btn),:global(#main-header .search-btn)){pointer-events:auto}.scroll-container{scroll-snap-type:y mandatory;scroll-behavior:smooth;-ms-overflow-style:none;scrollbar-width:none;width:100vw;height:100vh;overflow:hidden auto}.scroll-container::-webkit-scrollbar{display:none}.screen-section{scroll-snap-align:start;width:100vw;height:100vh;position:relative;overflow:hidden}.desk-section{perspective:1800px;background-color:#1a1511;overflow:hidden}.desk-wallpaper{z-index:0;background-position:50%;background-size:cover;transition:background-image .8s,filter .8s;position:absolute;inset:-5%}.desk-wallpaper:after{content:"";background:radial-gradient(circle,#2a231e66 0%,#14100ef2 100%);position:absolute;inset:0}.desk-wallpaper.blur-mode{filter:blur(25px)brightness(.4)}.desk-surface{z-index:5;transform-style:preserve-3d;transition:transform 1.2s cubic-bezier(.34,1.56,.64,1);position:absolute;inset:0;transform:rotateX(25deg)translateY(0)translateZ(0)}.desk-section.focus-mode .desk-surface{transform:rotateX(0)translateY(0)translateZ(0)}.desk-hover-preview{opacity:0;pointer-events:none;z-index:50;text-align:center;transition:all .4s;position:absolute;bottom:8vh;left:50%;transform:translate(-50%,20px)}.desk-hover-preview.show{opacity:1;transform:translate(-50%)}.desk-hover-preview h3{letter-spacing:2px;text-shadow:0 4px 15px #000000f2;margin-bottom:8px;font-family:Noto Serif SC,serif;font-size:2rem;font-weight:900;color:#fff!important}.desk-hover-preview p{text-shadow:0 2px 10px #000c;font-size:1rem;color:#ddd!important}.desk-back-arrow{z-index:50;color:#ccc;cursor:pointer;opacity:0;pointer-events:none;backdrop-filter:blur(10px);background:#0006;border:1px solid #ffffff1a;border-radius:8px;align-items:center;gap:8px;padding:10px 20px;font-weight:700;transition:all .4s;display:flex;position:absolute;top:100px;left:6vw;transform:translate(-20px)}.desk-back-arrow.show{opacity:1;pointer-events:auto;transform:translate(0)}.desk-back-arrow:hover{color:#fff;background:#000c;transform:translate(-5px)!important}.desk-back-arrow svg{width:20px;height:20px}.photo-cluster{transform-style:preserve-3d;cursor:pointer;width:0;height:0;transition:top 1s cubic-bezier(.16,1,.3,1),left 1s cubic-bezier(.16,1,.3,1),transform 1s cubic-bezier(.16,1,.3,1),opacity .6s;position:absolute;transform:translate(-50%,-50%)scale(.8)}.polaroid-photo{z-index:calc(var(--total) - var(--i));transform:translate(calc(-50% + var(--mx)), calc(-50% + var(--my))) rotate(var(--mr));backface-visibility:hidden;will-change:transform;background:#fdfdfd;border-radius:4px;padding:12px 12px 40px;transition:transform .8s cubic-bezier(.16,1,.3,1),box-shadow .4s,opacity .5s;display:inline-block;position:absolute;top:50%;left:50%;box-shadow:0 15px 35px #0009,0 0 1px #00000080}.pp-img{object-fit:contain;pointer-events:none;border-radius:2px;width:auto;min-width:220px;max-width:580px;height:auto;max-height:480px;display:block}.photo-cluster:hover .polaroid-photo{box-shadow:0 0 30px #ffffff1a,0 20px 40px #000c}.desk-section.focus-mode .photo-cluster:not(.active){opacity:0;pointer-events:none;top:150vh!important}.desk-section.focus-mode .photo-cluster.active{z-index:20;pointer-events:none;transform:translate(-50%,-50%)scale(1);top:50%!important;left:74%!important}.desk-section.focus-mode .photo-cluster.active .polaroid-photo{transform:translate(calc(-50% + var(--adaptive-x)), -50%) rotate(0deg);cursor:zoom-in;pointer-events:auto;box-shadow:-15px 20px 40px #0009}.desk-section.focus-mode .photo-cluster.active .polaroid-photo:hover{transform:translate(calc(-50% + var(--adaptive-x)), calc(-50% - 25px)) scale(1.05) rotate(0deg);box-shadow:-20px 40px 70px #000c;z-index:100!important}.desk-section.focus-mode .photo-cluster.active .polaroid-photo:hover~.polaroid-photo{transform:translate(calc(-50% + var(--adaptive-x) + 320px), -50%) rotate(0deg)}.desk-section.focus-mode .photo-cluster.active:has(.polaroid-photo:hover) .polaroid-photo:not(:hover):has(~.polaroid-photo:hover){transform:translate(calc(-50% + var(--adaptive-x) - 320px), -50%) rotate(0deg)}.lightbox-overlay{backdrop-filter:blur(15px);z-index:99999;opacity:0;pointer-events:none;background:#0f0d0beb;justify-content:center;align-items:center;transition:opacity .35s;display:flex;position:fixed;inset:0}.lightbox-overlay.active{opacity:1;pointer-events:auto;cursor:zoom-out}.lightbox-overlay img{object-fit:contain;border-radius:6px;max-width:90vw;max-height:90vh;transition:transform .35s cubic-bezier(.16,1,.3,1);transform:scale(.95);box-shadow:0 20px 80px #000000e6}.lightbox-overlay.active img{transform:scale(1)}.project-info-panel{opacity:0;pointer-events:none;z-index:30;width:35vw;transition:all .8s cubic-bezier(.2,.8,.2,1) .4s;position:absolute;top:30vh;left:5vw;transform:translate(-50px)}.project-info-panel.show{opacity:1;pointer-events:auto;transform:translate(0)}.pi-role{letter-spacing:4px;border-bottom:1px solid #b0a5974d;margin-bottom:20px;padding-bottom:8px;font-family:Courier New,Courier,monospace;font-size:1rem;display:inline-block;color:#c5b8a5!important}.pi-title{text-shadow:0 5px 25px #000000f2;margin-bottom:25px;font-family:Noto Serif SC,serif;font-size:3.5rem;font-weight:900;line-height:1.2;color:#fff!important}.pi-desc{text-shadow:0 2px 10px #000c;margin-bottom:35px;font-size:1.1rem;line-height:1.8;color:#e0e0e0!important}.pi-tags{flex-wrap:wrap;gap:12px;display:flex}.pi-tag{backdrop-filter:blur(5px);background:#0006;border:1px solid #ffffff40;border-radius:8px;padding:8px 18px;font-family:Noto Sans SC,sans-serif;font-size:.9rem;font-weight:700;color:#fff!important}.bookshelf-section{flex-direction:column;justify-content:center;align-items:center;display:flex;position:relative}.shelf-bg-wall{z-index:0;filter:blur(12px)brightness(.2);background-position:50%;background-size:cover;position:absolute;inset:0}.shelf-container{z-index:10;width:85%;max-width:1200px;transform-style:preserve-3d;margin-top:40px;position:relative}.shelf-title{letter-spacing:2px;z-index:20;text-shadow:0 4px 15px #000c;margin-bottom:30px;font-family:Noto Serif SC,serif;font-size:2.2rem;font-weight:900;position:relative;color:#fff!important}.shelf-title span{font-family:Courier New,Courier,monospace;font-size:1.1rem;color:#ffffffb3!important}.shelf-row-wrapper{z-index:10;perspective:1200px;transform-style:preserve-3d;position:relative}.mt-shelf{margin-top:60px}.wood-shelf{z-index:1;background:linear-gradient(#5d4037,#3e2723);border-bottom:6px solid #1f120f;border-radius:4px;width:100%;height:18px;position:relative;box-shadow:0 20px 40px #000000e6}.books-row{height:280px;transform-style:preserve-3d;z-index:2;align-items:flex-end;gap:4px;padding-left:40px;display:flex;position:relative}.book-volume{cursor:pointer;width:48px;height:280px;transform-style:preserve-3d;transition:transform .4s cubic-bezier(.2,.8,.2,1);position:relative;transform:translateZ(0)}.book-volume:hover{z-index:50;transform:translateZ(35px)}.book-3d-box{transform-style:preserve-3d;position:absolute;inset:0}.bb-front{background:var(--theme);backface-visibility:hidden;border-radius:3px;flex-direction:column;justify-content:space-between;align-items:center;padding:25px 0;display:flex;position:absolute;inset:0;transform:translateZ(25px);box-shadow:inset 4px 0 8px #ffffff1a,inset -4px 0 10px #0006}.bb-right{background:var(--theme);filter:brightness(.85);transform-origin:0;width:50px;height:276px;position:absolute;top:2px;left:48px;transform:translateZ(25px)rotateY(90deg)}.bb-left{background:var(--theme);filter:brightness(.6);transform-origin:0;width:50px;height:280px;position:absolute;top:0;left:0;transform:translateZ(25px)rotateY(90deg)}.bb-top{background:var(--theme);filter:brightness(.9);transform-origin:top;width:44px;height:50px;position:absolute;top:0;left:2px;transform:translateZ(25px)rotateX(-90deg)}.bs-texture{pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.15'/%3E%3C/svg%3E");position:absolute;inset:0}.bs-text{writing-mode:vertical-rl;text-orientation:mixed;letter-spacing:4px;text-shadow:0 2px 5px #000000e6;z-index:2;font-family:Noto Serif SC,serif;font-size:1.15rem;color:#fff!important}.bs-lines{z-index:2;border-top:2px solid #fff6;border-bottom:2px solid #fff6;width:70%;height:12px}.book-modal{z-index:9999;opacity:0;pointer-events:none;justify-content:center;align-items:center;transition:opacity .4s;display:flex;position:fixed;inset:0}.book-modal.show{opacity:1;pointer-events:auto}.bm-backdrop{backdrop-filter:blur(25px);cursor:pointer;background:#0a0806f5;position:absolute;inset:0}.bm-close-icon{cursor:pointer;z-index:100;transition:color .3s transform .3s;user-select:none;font-size:2.8rem;line-height:1;position:absolute;top:25px;right:35px;color:#fffc!important}.bm-close-icon:hover{transform:scale(1.15);color:#fff!important}.bm-content{z-index:2;align-items:flex-start;gap:60px;width:95%;max-width:1300px;max-height:92vh;transition:transform .6s cubic-bezier(.2,.8,.2,1);display:flex;position:relative;transform:translateY(40px)}.book-modal.show .bm-content{transform:translateY(0)}.bm-left{flex-direction:column;flex-shrink:0;gap:20px;width:680px;display:flex}.clickable-img{cursor:zoom-in;transition:opacity .2s}.clickable-img:hover{opacity:.85}.bm-cover-landscape{aspect-ratio:16/9;background-position:50%;background-size:cover;border:1px solid #ffffff26;border-radius:8px;width:100%;box-shadow:0 25px 50px #000000b3}.bm-previews-grid{grid-template-columns:1fr 1fr;gap:20px;display:grid}.bm-grid-item{aspect-ratio:16/9;background-position:50%;background-size:cover;border:1px solid #ffffff1a;border-radius:6px;width:100%;box-shadow:0 15px 25px #00000080}.bm-info{flex-direction:column;flex:1;max-height:800px;padding-top:10px;display:flex}.bm-type{letter-spacing:8px;border-bottom:1px solid #a395814d;align-self:flex-start;margin-bottom:20px;padding-bottom:5px;font-family:Courier New,Courier,monospace;font-size:1.15rem;display:inline-block;color:#c5b8a5!important}.bm-title{letter-spacing:2px;text-shadow:0 4px 20px #000000e6;margin-bottom:25px;font-family:Noto Serif SC,serif;font-size:3.5rem;font-weight:900;line-height:1.2;color:#fff!important}.bm-desc{margin-bottom:40px;font-size:1.1rem;line-height:1.8;color:#e0e0e0!important}.bm-actions{flex-shrink:0;gap:20px;margin-bottom:40px;display:flex}.bm-btn{color:#000;background:#fff;border-radius:50px;justify-content:center;align-items:center;padding:14px 38px;font-size:1.05rem;font-weight:700;text-decoration:none;transition:all .3s;display:inline-flex}.bm-btn:hover{background:var(--accent);color:#fff;transform:scale(1.05);box-shadow:0 10px 25px #b0a59766}.bm-btn-outline{background:0 0;border:1px solid #fff6;color:#fff!important}.bm-btn-outline:hover{box-shadow:none;background:#ffffff1a;border-color:#fff}.bm-chapters-wrapper{border-top:1px solid #ffffff1a;flex-direction:column;flex:1;min-height:0;padding-top:30px;display:flex;overflow:hidden}.bm-chapters-title{text-transform:uppercase;letter-spacing:2px;flex-shrink:0;margin-bottom:15px;font-family:Courier New,Courier,monospace;font-size:.9rem;color:#ffffffb3!important}.bm-chapters-list{flex:1;padding-right:15px;overflow-y:auto}.bm-chapter-item{cursor:default;border-bottom:1px dashed #ffffff14;align-items:baseline;gap:15px;padding:12px 0;transition:color .2s;display:flex;color:#e0e0e0!important}.bm-chapter-item:hover{background:#ffffff08;color:#fff!important}.ch-no{background:linear-gradient(135deg,#f0d588 0%,#d4b06a 100%);-webkit-text-fill-color:transparent;color:#0000;letter-spacing:1px;background-clip:text;min-width:45px;font-family:Noto Serif SC,Times New Roman,serif;font-size:1.2rem;font-weight:900}.ch-title{flex:1;font-family:Noto Sans SC,sans-serif;font-size:1.05rem;line-height:1.5;color:#fff!important}.custom-scrollbar::-webkit-scrollbar{width:4px}.custom-scrollbar::-webkit-scrollbar-thumb{background:#fff3;border-radius:4px}@media (width<=768px){.desk-back-arrow{padding:8px 14px;font-size:.85rem;top:75px;left:16px}.pp-img{min-width:140px;max-width:76vw;max-height:30vh}.desk-section:not(.focus-mode) .photo-cluster{transform:translate(-50%,-50%)scale(.68)!important}.desk-section:not(.focus-mode) .photo-cluster:first-child{top:22%!important;left:35%!important}.desk-section:not(.focus-mode) .photo-cluster:nth-child(2){top:42%!important;left:68%!important}.desk-section:not(.focus-mode) .photo-cluster:nth-child(3){top:62%!important;left:32%!important}.desk-section:not(.focus-mode) .photo-cluster:nth-child(4){top:82%!important;left:65%!important}.desk-section:not(.focus-mode) .photo-cluster:nth-child(n+5){top:92%!important;left:50%!important}.desk-section.focus-mode .photo-cluster.active{transition:transform .8s cubic-bezier(.16,1,.3,1),opacity .6s;scroll-snap-type:x mandatory!important;-webkit-overflow-scrolling:touch!important;pointer-events:auto!important;align-items:center!important;gap:16px!important;width:100vw!important;height:320px!important;padding:0 10vw!important;display:flex!important;top:28%!important;left:0!important;overflow-x:auto!important;transform:translateY(-50%)!important}.desk-section.focus-mode .photo-cluster.active .polaroid-photo{scroll-snap-align:center!important;flex-shrink:0!important;margin:0!important;position:relative!important;top:auto!important;left:auto!important;transform:none!important;box-shadow:0 10px 25px #0009!important}.desk-section.focus-mode .photo-cluster.active .polaroid-photo:hover{transform:none!important}.desk-section.focus-mode .photo-cluster.active::-webkit-scrollbar{display:none}.project-info-panel{-webkit-backdrop-filter:blur(15px);background:#0f0d0bd1;border:1px solid #ffffff1f;border-radius:16px;width:92vw;padding:18px 20px;top:auto;bottom:4vh;left:4vw;box-shadow:0 10px 30px #00000080}.pi-role{margin-bottom:6px;font-size:.8rem}.pi-title{margin-bottom:10px;font-size:1.6rem}.pi-desc{margin-bottom:12px;font-size:.88rem;line-height:1.5}.pi-tag{padding:4px 12px;font-size:.75rem}.shelf-container{width:92%;margin-top:70px}.shelf-title{margin-bottom:18px;font-size:1.5rem}.shelf-title span{font-size:.85rem}.books-row{-webkit-overflow-scrolling:touch;height:230px;padding-left:10px;overflow-x:auto}.book-volume{flex-shrink:0;width:40px;height:230px}.bb-right{height:226px}.book-modal{padding:10px}.bm-close-icon{font-size:2.2rem;top:15px;right:20px}.bm-content{text-align:left;flex-direction:column;gap:25px;width:94vw;max-height:88vh;overflow-y:auto}.bm-left{width:100%}.bm-info{max-height:none;padding-top:0;overflow:visible}.bm-title{margin-bottom:12px;font-size:1.8rem}.bm-desc{margin-bottom:20px;font-size:.95rem;line-height:1.6}.bm-actions{flex-wrap:wrap;gap:10px;margin-bottom:25px}.bm-btn{text-align:center;width:100%;padding:10px 24px;font-size:.9rem}.bm-chapters-wrapper{overflow:visible}.bm-chapters-list{max-height:none;overflow:visible}}