:root{--dark:#1a1f0c;--dark-mid:#252b14;--primary:#8ba832;--sage:#c2d192;--light:#f1f5e1;--light-dim:#f1f5e199;--font-display:"Cormorant Garamond", Georgia, serif;--font-body:"Inter", -apple-system, sans-serif}#intro-overlay{z-index:9000;background:var(--dark);flex-direction:column;justify-content:center;align-items:center;transition:opacity 1.8s;display:flex;position:fixed;inset:0}#intro-overlay.fade-out{opacity:0;pointer-events:none}.intro-line{font-family:var(--font-display);color:var(--light);text-align:center;opacity:0;max-width:600px;padding:0 24px;font-weight:400;line-height:1.6;transition:opacity 1.5s ease-out,transform 1.5s ease-out;transform:translateY(20px)}.intro-line.visible{opacity:1;transform:translateY(0)}.intro-line.line-1{letter-spacing:.06em;color:var(--sage);margin-bottom:.5em;font-size:clamp(16px,3vw,22px);font-style:italic}.intro-line.line-2{letter-spacing:.03em;color:var(--light);margin-bottom:.8em;font-size:clamp(24px,5vw,42px);font-weight:500}.intro-line.line-3,.intro-line.line-4,.intro-line.line-5,.intro-line.line-6{letter-spacing:.06em;color:var(--sage);margin-bottom:.3em;font-size:clamp(12px,2vw,15px);font-style:italic;font-weight:300}.intro-hint{font-family:var(--font-body);letter-spacing:.12em;color:var(--light-dim);opacity:0;visibility:hidden;margin-top:3em;font-size:clamp(10px,1.5vw,12px);font-weight:300;transition:opacity 1.5s,visibility 0s linear 1.5s}.intro-hint.visible{opacity:1;visibility:visible;transition:opacity 1.5s,visibility;animation:3s ease-in-out 1.5s infinite hint-pulse}@keyframes hint-pulse{0%,to{opacity:.5}50%{opacity:1}}#loading-overlay{z-index:8000;background:#8a8a8a;flex-direction:column;justify-content:center;align-items:center;transition:opacity 1s;display:flex;position:fixed;inset:0}#loading-overlay.hidden{opacity:0;pointer-events:none}.loading-bar-track{background:#50505033;width:min(260px,60vw);height:1px;position:relative;overflow:hidden}.loading-bar-fill{background:#3c3c3c99;width:0%;height:100%;transition:width .4s;position:absolute;top:0;left:0}.loading-text{font-family:var(--font-body);letter-spacing:.15em;color:#32323299;margin-top:14px;font-size:11px;font-weight:300}.photo-label{text-align:center;z-index:110;pointer-events:none;opacity:0;filter:blur(6px);transition:opacity 1s,filter 1s;position:fixed;bottom:18%;left:50%;transform:translate(-50%)}.photo-label.visible{opacity:1;filter:blur()}.photo-label-number{font-family:var(--font-body);letter-spacing:.15em;color:#282828b3;text-transform:uppercase;margin-bottom:6px;font-size:11px;font-weight:300}.photo-label-title{font-family:var(--font-display);letter-spacing:.05em;color:#1a1a1a;font-size:clamp(20px,3vw,30px);font-weight:400}.photo-label-desc{font-family:var(--font-body);letter-spacing:.04em;color:#2828288c;max-width:420px;margin-top:6px;font-size:clamp(10px,1.5vw,13px);font-style:italic;font-weight:300;line-height:1.5}.close-btn{cursor:pointer;z-index:110;opacity:0;pointer-events:none;background:0 0;border:none;width:56px;height:56px;transition:opacity .5s;position:fixed;bottom:8%;left:50%;transform:translate(-50%)}.close-btn.visible{opacity:1;pointer-events:auto}.close-btn:before,.close-btn:after{content:"";transform-origin:50%;background:#3c3c3c99;width:32px;height:1px;transition:transform .4s,width .3s,background .3s;position:absolute;top:50%;left:50%}.close-btn:before{transform:translate(-50%,-50%)rotate(45deg)scaleX(0)}.close-btn:after{transform:translate(-50%,-50%)rotate(-45deg)scaleX(0)}.close-btn.visible:before{transform:translate(-50%,-50%)rotate(45deg)scaleX(1)}.close-btn.visible:after{transform:translate(-50%,-50%)rotate(-45deg)scaleX(1)}@media (hover:hover){.close-btn:hover:before,.close-btn:hover:after{background:#222;width:40px}}.nav-arrow{cursor:pointer;z-index:110;opacity:0;pointer-events:none;background:0 0;border:none;width:56px;height:56px;transition:opacity .5s;position:fixed;top:50%;transform:translateY(-50%)}.nav-arrow.visible{opacity:.7;pointer-events:auto}.nav-arrow:hover{opacity:1}.nav-arrow.prev{left:20px}.nav-arrow.next{right:20px}.nav-arrow svg{stroke:#28282899;stroke-width:1.5px;fill:none;width:24px;height:24px}.gallery-counter{font-family:var(--font-body);letter-spacing:.08em;color:#282828b3;z-index:150;opacity:0;align-items:center;gap:6px;font-size:13px;font-weight:300;transition:opacity 1s;display:flex;position:fixed;bottom:20px;left:20px}.gallery-counter.visible{opacity:.75}.counter-current{height:1.3em;overflow:hidden}.counter-num{transition:transform .35s cubic-bezier(.25,.46,.45,.94);display:block}.counter-slash{opacity:.5;background:currentColor;width:1px;height:1em;display:inline-block;transform:rotate(25deg)}.copyright{font-family:var(--font-body);letter-spacing:.06em;color:#28282880;white-space:nowrap;z-index:150;opacity:0;pointer-events:none;font-size:9px;font-weight:300;transition:opacity 1s;position:fixed;bottom:20px;left:50%;transform:translate(-50%)}.copyright.visible{opacity:.5}#audio-toggle{cursor:pointer;z-index:200;opacity:0;background:0 0;border:none;justify-content:center;align-items:center;width:40px;height:40px;transition:opacity .5s;display:flex;position:fixed;bottom:14px;right:20px}#audio-toggle.visible{opacity:.6}#audio-toggle:hover{opacity:1}.eq-bars{align-items:flex-end;gap:2.5px;height:14px;display:flex}.eq-bar{background:#28282899;border-radius:1px;width:2px;height:3px;transition:height .3s}#audio-toggle.playing .eq-bar:first-child{animation:1.6s ease-in-out infinite alternate eq1}#audio-toggle.playing .eq-bar:nth-child(2){animation:2.1s ease-in-out .3s infinite alternate eq2}#audio-toggle.playing .eq-bar:nth-child(3){animation:1.9s ease-in-out .1s infinite alternate eq3}#audio-toggle.playing .eq-bar:nth-child(4){animation:2.4s ease-in-out .5s infinite alternate eq4}#audio-toggle:not(.playing) .eq-bar{height:3px;animation:none!important}@keyframes eq1{0%{height:3px}50%{height:9px}to{height:5px}}@keyframes eq2{0%{height:6px}40%{height:3px}to{height:10px}}@keyframes eq3{0%{height:4px}60%{height:11px}to{height:3px}}@keyframes eq4{0%{height:8px}45%{height:3px}to{height:7px}}.controls-hint{font-family:var(--font-body);letter-spacing:.1em;color:#28282880;text-align:center;z-index:200;opacity:0;pointer-events:none;white-space:nowrap;font-size:11px;font-weight:300;transition:opacity .8s;position:fixed;bottom:80px;left:50%;transform:translate(-50%)}.controls-hint.visible{opacity:1}.minimap-container{z-index:150;opacity:0;pointer-events:none;transition:opacity .8s;position:fixed;top:16px;right:16px}.minimap-container.visible{opacity:1}.custom-cursor{pointer-events:none;z-index:9999;opacity:0;mix-blend-mode:difference;border:1px solid #2828284d;border-radius:50%;width:48px;height:48px;transition:opacity .3s,transform .15s,width .3s,height .3s,border-color .3s;position:fixed;top:0;left:0;transform:translate(-50%,-50%)}.custom-cursor.active{opacity:1}.custom-cursor.hovering{border-color:#28282880;width:64px;height:64px}.joystick-container{z-index:100;opacity:0;pointer-events:none;touch-action:none;width:120px;height:120px;transition:opacity .5s;position:fixed;bottom:24px}.joystick-container.visible{opacity:1;pointer-events:auto}.joystick-container.left{left:20px}.joystick-container.right{right:20px}.scene-transition{z-index:500;pointer-events:none;opacity:0;background:#8a8a8a;transition:opacity 1.5s;position:fixed;inset:0}.album-overlay{z-index:5000;opacity:0;visibility:hidden;justify-content:center;align-items:center;transition:opacity .8s,visibility 0s linear .8s;display:flex;position:fixed;inset:0}.album-overlay.visible{opacity:1;visibility:visible;transition:opacity .8s,visibility}.album-backdrop{-webkit-backdrop-filter:blur(16px);background:#0a0805eb;position:absolute;inset:0}.album-wrapper{z-index:2;flex-direction:column;align-items:center;width:min(94vw,920px);height:min(82vh,580px);display:flex;position:relative}.album-close-btn{cursor:pointer;color:#ffffff80;z-index:20;background:#ffffff12;border:1px solid #ffffff26;border-radius:50%;justify-content:center;align-items:center;width:42px;height:42px;font-size:16px;transition:all .3s;display:flex;position:absolute;top:-16px;right:-16px}.album-close-btn:hover{color:#fff;background:#ffffff2e;transform:scale(1.1)}.flipbook-scene{perspective:2200px;flex:1;justify-content:center;align-items:center;width:100%;display:flex}.flipbook{width:100%;height:100%;transform-style:preserve-3d;position:relative}.book-spine{z-index:100;background:linear-gradient(#2a1a10,#1a0f08,#2a1a10);border-radius:2px;width:4px;position:absolute;top:0;bottom:0;left:50%;transform:translate(-50%);box-shadow:0 0 12px #00000080}.base-page{width:50%;position:absolute;top:0;bottom:0}.base-left{background:linear-gradient(135deg,#f5f0e6,#ebe5d8);border-radius:6px 0 0 6px;left:0;box-shadow:inset -4px 0 12px #0000000f}.base-right{background:linear-gradient(225deg,#f5f0e6,#ebe5d8);border-radius:0 6px 6px 0;right:0;box-shadow:inset 4px 0 12px #0000000f}.base-left-content,.base-right-content{flex-direction:column;justify-content:center;align-items:center;height:100%;padding:24px;display:flex}.base-ornament{color:#a08c6e4d;margin-bottom:16px;font-size:24px}.base-text{font-family:var(--font-display);color:#64554166;letter-spacing:.06em;font-size:16px;font-style:italic}.end-text{font-family:var(--font-display);color:#64554180;letter-spacing:.08em;margin-bottom:12px;font-size:clamp(20px,3vw,28px);font-style:italic}.end-subtext{font-family:var(--font-body);color:#6455414d;letter-spacing:.06em;font-size:12px;font-weight:300}.flip-page{transform-origin:0;width:50%;height:100%;transform-style:preserve-3d;cursor:pointer;transition:transform .8s cubic-bezier(.645,.045,.355,1);position:absolute;top:0;right:0}.flip-page.flipped{transform:rotateY(-180deg)}.flip-page.flipping{transition:transform .8s cubic-bezier(.645,.045,.355,1);transform:rotateY(-180deg)}.flip-page.unflipping{transition:transform .8s cubic-bezier(.645,.045,.355,1);transform:rotateY(0)}.page-face{backface-visibility:hidden;position:absolute;inset:0;overflow:hidden}.page-front{border-radius:0 6px 6px 0}.page-back{border-radius:6px 0 0 6px;transform:rotateY(180deg)}.cover-design{background:linear-gradient(145deg,#6b2020,#3d1010);border:1px solid #d4af3733;border-left:none;border-radius:0 6px 6px 0;width:100%;height:100%;position:relative;overflow:hidden;box-shadow:2px 0 16px #0000004d,inset 0 1px #d4af371a}.cover-content{z-index:2;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;padding:32px 24px;display:flex;position:relative}.cover-orn-top,.cover-orn-bot{background:linear-gradient(90deg,#0000,#d4af3780,#0000);width:50%;height:2px}.cover-orn-top{margin-bottom:24px}.cover-orn-bot{margin-top:24px}.cover-title{font-family:var(--font-display);color:#d4af37d9;letter-spacing:.05em;text-shadow:0 2px 6px #0000004d;margin-bottom:8px;font-size:clamp(22px,4vw,36px);font-style:italic;font-weight:400}.cover-subtitle{font-family:var(--font-body);color:#d4af3766;letter-spacing:.1em;font-size:clamp(10px,1.3vw,13px);font-weight:300}.cover-diamond{color:#d4af3766;margin-top:20px;font-size:10px}.cover-hint{font-family:var(--font-body);color:#d4af3740;letter-spacing:.1em;margin-top:24px;font-size:10px;font-weight:300;animation:2.5s ease-in-out infinite album-hint-pulse}@keyframes album-hint-pulse{0%,to{opacity:.25}50%{opacity:.7}}.photo-face{background:linear-gradient(135deg,#141210,#0a0908);border-radius:6px 0 0 6px;justify-content:center;align-items:center;width:100%;height:100%;padding:20px;display:flex;position:relative}.pf-img{object-fit:contain;opacity:0;border-radius:3px;max-width:100%;max-height:100%;transition:opacity .6s;box-shadow:0 4px 24px #00000080}.pf-loading{font-family:var(--font-body);color:#ffffff40;letter-spacing:.12em;font-size:11px;font-weight:300;position:absolute}.pf-label{font-family:var(--font-body);color:#ffffff40;letter-spacing:.1em;font-size:10px;font-weight:300;position:absolute;bottom:16px;left:20px}.desc-face{background:linear-gradient(#faf8f5,#f0ece3);border-radius:0 6px 6px 0;flex-direction:column;justify-content:center;width:100%;height:100%;padding:40px 32px;display:flex;box-shadow:inset 3px 0 10px #0000000a}.desc-number{font-family:var(--font-body);letter-spacing:.2em;color:#3c372d66;margin-bottom:16px;font-size:11px;font-weight:300}.desc-title{font-family:var(--font-display);color:#1a1510;letter-spacing:.04em;margin-bottom:20px;font-size:clamp(24px,3.5vw,38px);font-style:italic;font-weight:400;line-height:1.2}.desc-divider{background:#645a4b40;width:48px;height:2px;margin-bottom:20px}.desc-text{font-family:var(--font-body);color:#1e1912a6;letter-spacing:.02em;font-size:clamp(12px,1.4vw,15px);font-weight:300;line-height:1.9}.end-deco-face{background:linear-gradient(135deg,#f5f0e6,#ebe5d8);border-radius:6px 0 0 6px;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;padding:32px;display:flex}.end-deco-orn{color:#a08c6e59;margin-bottom:16px;font-size:20px}.end-deco-text{font-family:var(--font-display);color:#64554180;letter-spacing:.08em;margin-bottom:8px;font-size:clamp(18px,2.5vw,24px);font-style:italic}.end-deco-sub{font-family:var(--font-body);color:#6455414d;font-size:11px;font-weight:300}.album-controls{z-index:3;align-items:center;gap:28px;margin-top:24px;display:flex}.album-ctrl-btn{cursor:pointer;background:#ffffff0f;border:1px solid #ffffff1f;border-radius:50%;justify-content:center;align-items:center;width:50px;height:50px;transition:all .3s;display:flex}.album-ctrl-btn:hover{background:#ffffff24;border-color:#d4af3766;transform:scale(1.1)}.album-ctrl-btn.disabled{opacity:.15;pointer-events:none}.album-ctrl-btn svg{stroke:#fff9;stroke-width:1.5px;fill:none;width:22px;height:22px}.album-indicator{font-family:var(--font-body);letter-spacing:.12em;color:#ffffff59;text-align:center;min-width:90px;font-size:12px;font-weight:300}@media (width<=700px){.album-wrapper{width:98vw;height:88vh}.desc-face{padding:24px 20px}.desc-title{margin-bottom:12px;font-size:20px}.desc-text{font-size:12px;line-height:1.6}.photo-face{padding:12px}.album-controls{margin-top:14px}.album-close-btn{top:4px;right:4px}}