:root{--transition-smooth: all .6s cubic-bezier(.25, .8, .25, 1);--transition-fast: all .2s ease-in-out;--gold-primary: #C5A572}*{margin:0;padding:0;box-sizing:border-box}body{background-color:#0c0b0a;background-image:radial-gradient(circle,#1a1816,#070706);overflow-x:hidden}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#070706}::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--gold-primary)}.scrapbook-container{min-height:100vh;width:100vw;padding:80px 4% 120px;display:flex;flex-direction:column;align-items:center}.scrapbook-stream{display:flex;flex-direction:column;align-items:center;gap:100px;width:100%;max-width:1200px}@media (max-width: 768px){.scrapbook-container{padding:40px 15px 60px}.scrapbook-stream{gap:60px}}.scrapbook-item{position:relative;background-color:#fff;padding:14px;border-radius:2px;box-shadow:0 10px 30px #00000059,0 3px 10px #0003,0 0 2px #ffffff1a inset;z-index:10;cursor:pointer;opacity:0;transition:opacity 1.2s cubic-bezier(.25,.8,.25,1),transform 1.2s cubic-bezier(.25,.8,.25,1),box-shadow .4s ease,z-index .4s}.scrapbook-item.revealed{opacity:1;transform:scale(1) rotate(var(--item-rot, 0deg)) translateY(var(--item-trans-y, 0px))}.scrapbook-item:hover{transform:scale(1.03) rotate(0)!important;z-index:50;box-shadow:0 25px 50px #0000008c,0 8px 20px #0000004d}.scrapbook-item:nth-child(4n+1){--item-rot: -1.8deg;--item-trans-y: 5px;transform:scale(.96) rotate(-1.8deg) translateY(5px)}.scrapbook-item:nth-child(4n+2){--item-rot: 1.4deg;--item-trans-y: -10px;transform:scale(.96) rotate(1.4deg) translateY(-10px)}.scrapbook-item:nth-child(4n+3){--item-rot: -.8deg;--item-trans-y: 8px;transform:scale(.96) rotate(-.8deg) translateY(8px)}.scrapbook-item:nth-child(4n+4){--item-rot: 2.2deg;--item-trans-y: -4px;transform:scale(.96) rotate(2.2deg) translateY(-4px)}.scrapbook-item.standard{width:100%;max-width:800px}.scrapbook-item.wide{width:100%;max-width:1000px}.scrapbook-item.panorama{width:100%;max-width:1200px}.scrapbook-group{display:grid;grid-template-columns:1fr 1fr;gap:40px;width:100%;max-width:1050px}.scrapbook-group .scrapbook-item:first-child{margin-right:-25px;--item-rot: -3deg;--item-trans-y: -5px;transform:scale(.96) rotate(-3deg) translateY(-5px);z-index:12}.scrapbook-group .scrapbook-item:last-child{margin-left:-25px;--item-rot: 2.5deg;--item-trans-y: 10px;transform:scale(.96) rotate(2.5deg) translateY(10px);z-index:11}.scrapbook-group .scrapbook-item:hover{z-index:50}@media (max-width: 768px){.scrapbook-group{grid-template-columns:1fr;gap:40px}.scrapbook-group .scrapbook-item:first-child,.scrapbook-group .scrapbook-item:last-child{margin:0}}.scrapbook-media-container{width:100%;height:100%;position:relative;overflow:hidden;background-color:#f5f2ec}.scrapbook-item.standard .scrapbook-media-container{aspect-ratio:1.5}.scrapbook-item.wide .scrapbook-media-container{aspect-ratio:1.6}.scrapbook-item.panorama .scrapbook-media-container{aspect-ratio:2.4}.scrapbook-group .scrapbook-item .scrapbook-media-container{aspect-ratio:.72}.scrapbook-media-container img,.scrapbook-media-container video{display:block;width:100%;height:100%;object-fit:cover}.video-audio-toggle{position:absolute;bottom:20px;right:20px;z-index:20;background-color:#0a0a09bf;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.15);color:#fff;width:44px;height:44px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1rem;transition:var(--transition-fast);cursor:pointer;box-shadow:0 4px 10px #0000004d}.video-audio-toggle:hover{background-color:var(--gold-primary);border-color:var(--gold-primary);transform:scale(1.06)}.scrapbook-footer{margin-top:120px;display:flex;justify-content:center;align-items:center;width:100%;opacity:0;transform:translateY(30px);transition:opacity 1.5s cubic-bezier(.25,.8,.25,1),transform 1.5s cubic-bezier(.25,.8,.25,1);margin-bottom:40px}.scrapbook-footer.revealed{opacity:.55;transform:translateY(0)}.scrapbook-footer:hover{opacity:.9}.footer-graphic{width:180px;height:auto;max-width:100%;pointer-events:none}