:root{--text-main:#fff;--text-dark:#1a1a1a;--accent:#b0a597}*{box-sizing:border-box;margin:0;padding:0}html,body{color:#fff;background-color:#111;height:100vh;font-family:Noto Sans SC,sans-serif;overflow:hidden}: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)){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 10px #000c;margin-bottom:8px;font-family:Noto Serif SC,serif;font-size:2rem;font-weight:900}.desk-hover-preview p{color:#bbb;text-shadow:0 2px 10px #000c;font-size:1rem}.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 1.2s,left 1.2s,transform 1.2s cubic-bezier(.34,1.56,.64,1),opacity .8s;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;background:#fdfdfd;border-radius:4px;padding:12px 12px 40px;transition:transform .6s cubic-bezier(.2,.8,.2,1),box-shadow .4s,z-index;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 .3s;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 .3s cubic-bezier(.2,.8,.2,1);transform:scale(.95);box-shadow:0 20px 80px #000000e6}.lightbox-overlay.active img{transform:scale(1)}.lightbox-close{color:#fff;cursor:pointer;opacity:.6;font-size:3.5rem;line-height:1;transition:opacity .2s;position:absolute;top:30px;right:40px}.lightbox-close:hover{opacity: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{color:var(--accent);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}.pi-title{text-shadow:0 5px 20px #000c;margin-bottom:25px;font-family:Noto Serif SC,serif;font-size:3.5rem;font-weight:900;line-height:1.2}.pi-desc{color:#ddd;text-shadow:0 2px 10px #000c;margin-bottom:35px;font-size:1.1rem;line-height:1.8}.pi-tags{flex-wrap:wrap;gap:12px;display:flex}.pi-tag{backdrop-filter:blur(5px);background:#0006;border:1px solid #fff3;border-radius:8px;padding:8px 18px;font-family:Noto Sans SC,sans-serif;font-size:.9rem;font-weight:700}.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{color:#d1c5b4;letter-spacing:2px;z-index:20;margin-bottom:30px;font-family:Noto Serif SC,serif;font-size:2.2rem;font-weight:900;position:relative}.shelf-title span{color:#888;font-family:Courier New,Courier,monospace;font-size:1.1rem}.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{color:#ffffffe6;writing-mode:vertical-rl;text-orientation:mixed;letter-spacing:4px;text-shadow:1px 1px 2px #0009;z-index:2;font-family:Noto Serif SC,serif;font-size:1.15rem}.bs-lines{z-index:2;border-top:2px solid #ffffff4d;border-bottom:2px solid #ffffff4d;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-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{color:#a39581;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}.bm-title{letter-spacing:2px;margin-bottom:25px;font-family:Noto Serif SC,serif;font-size:3.5rem;font-weight:900;line-height:1.2}.bm-desc{color:#ccc;margin-bottom:40px;font-size:1.1rem;line-height:1.8}.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{color:#fff;background:0 0;border:1px solid #ffffff4d}.bm-btn-outline:hover{box-shadow:none;background:#ffffff1a;border-color:#fff}.bm-chapters-wrapper{border-top:1px solid #ffffff14;flex-direction:column;flex:1;min-height:0;padding-top:30px;display:flex;overflow:hidden}.bm-chapters-title{color:#888;text-transform:uppercase;letter-spacing:2px;flex-shrink:0;margin-bottom:15px;font-family:Courier New,Courier,monospace;font-size:.9rem}.bm-chapters-list{flex:1;padding-right:15px;overflow-y:auto}.bm-chapter-item{color:#d0d0d0;cursor:default;border-bottom:1px dashed #ffffff0a;align-items:baseline;gap:15px;padding:12px 0;transition:color .2s;display:flex}.bm-chapter-item:hover{color:#fff;background:#ffffff03}.ch-no{background:linear-gradient(135deg,#dfc386 0%,#bca060 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}.custom-scrollbar::-webkit-scrollbar{width:4px}.custom-scrollbar::-webkit-scrollbar-thumb{background:#fff3;border-radius:4px}@media (width<=1024px){.desk-section.focus-mode .photo-cluster.active{top:60%!important;left:50%!important;transform:translate(-50%,-50%)scale(.6)!important}.project-info-panel{width:90vw;top:10vh;left:5vw}.shelf-container{width:95%}.books-row{padding-left:20px;overflow-x:auto}.bm-content{text-align:left;flex-direction:column;max-height:85vh;padding-right:10px;overflow-y:auto}.bm-left{width:100%;max-width:680px}.bm-info{max-height:none;overflow:visible}.bm-chapters-wrapper{overflow:visible}.bm-chapters-list{max-height:none;overflow:visible}}