.current{color:white}body{font-family:'Roboto', sans-serif;color:black;background-color:#eeeee4;margin-top:100px}#intro{text-align:center}#intro img{max-width:200px;height:auto;border-radius:40%}.pfp-reveal{position:fixed;inset:70px 0 0 0;z-index:-1;overflow:hidden;pointer-events:none;background-color:#eeeee4;--face-x: 51%;--face-y: calc(27vh - 50px);--face-r: 110px;--spot-x: -1000px;--spot-y: -1000px;--spot-r: 95px}.pfp-reveal img{position:absolute;top:-50px;left:50%;transform:translateX(-50%);height:100vh;width:auto;max-width:none;border-radius:0;z-index:1;-webkit-mask:linear-gradient(to right, transparent, #000 15%, #000 85%, transparent),linear-gradient(to bottom, transparent, #000 12%, #000 88%, transparent);-webkit-mask-composite:source-in;mask:linear-gradient(to right, transparent, #000 15%, #000 85%, transparent),linear-gradient(to bottom, transparent, #000 12%, #000 88%, transparent);mask-composite:intersect}.pfp-reveal::before{content:"";position:absolute;top:-90px;left:50%;transform:translateX(-50%);height:calc(100vh + 80px);aspect-ratio:1692 / 2000;background:url("/assets/images/sw_pfp.webp?v=3") center/cover no-repeat;filter:blur(30px);opacity:1}.pfp-cover{position:absolute;inset:0;z-index:2;background-color:#eeeee4;-webkit-mask:radial-gradient(circle var(--spot-r) at var(--spot-x) var(--spot-y), transparent calc(var(--spot-r) - 1px), #000 var(--spot-r)),radial-gradient(circle var(--face-r) at var(--face-x) var(--face-y), transparent calc(var(--face-r) - 1px), #000 var(--face-r));-webkit-mask-composite:source-in;mask:radial-gradient(circle var(--spot-r) at var(--spot-x) var(--spot-y), transparent calc(var(--spot-r) - 1px), #000 var(--spot-r)),radial-gradient(circle var(--face-r) at var(--face-x) var(--face-y), transparent calc(var(--face-r) - 1px), #000 var(--face-r));mask-composite:intersect}#intro{padding-top:35vh}body:has(#pfp-reveal){background-color:transparent}nav{background:black;color:white;padding:10px 0;width:100%;position:fixed;top:0;left:0;z-index:1000}main{padding-top:60px}nav ul{list-style:none;display:flex;flex-wrap:wrap;justify-content:center;margin:16px 0;padding:0}nav ul li{margin:0 15px}nav ul li a{text-decoration:none}a{color:#76b5c5;text-decoration:none}a:hover{text-decoration:underline}#intro img{max-width:200px;height:auto;border-radius:40%}#intro{text-align:center}#gallery{columns:3 280px;column-gap:18px;padding:20px;max-width:1200px;margin:0 auto}.gallery-item{position:relative;break-inside:avoid;margin-bottom:18px;cursor:pointer;border-radius:10px;overflow:hidden;box-shadow:0 4px 10px rgba(0,0,0,0.15)}.gallery-image{display:block;width:100%;height:auto;transition:transform 0.35s ease}.gallery-item:hover .gallery-image{transform:scale(1.04)}.gallery-item-text{position:absolute;left:0;right:0;bottom:0;padding:36px 12px 10px;background:linear-gradient(to bottom, transparent, rgba(0,0,0,0.75));color:#fff;font-size:12.5px;line-height:1.45;opacity:0;transition:opacity 0.3s ease;pointer-events:none}.gallery-item-text a{pointer-events:auto;color:#9ecfff}.gallery-item:hover .gallery-item-text{opacity:1}.compare{position:relative;width:100%;overflow:hidden;touch-action:none;cursor:ew-resize;user-select:none;-webkit-user-select:none}.compare .gallery-image{pointer-events:none}.compare-top{position:absolute;inset:0;clip-path:inset(0 50% 0 0)}.compare-top .gallery-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.compare-handle{position:absolute;top:0;left:50%;width:2px;height:100%;background:#fff;box-shadow:0 0 4px rgba(0,0,0,0.6);pointer-events:none}.compare-hint{position:absolute;right:6px;top:6px;padding:2px 6px;border-radius:4px;background:rgba(0,0,0,0.5);color:#fff;font-size:11px;pointer-events:none}.compare-item .gallery-image{transition:none}.compare-item:hover .gallery-image{transform:none}.modal{display:none;position:fixed;z-index:1000;padding-top:100px;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:rgba(0,0,0,0.8)}.modal-content{margin:auto;display:block;max-width:90%;height:auto;animation:zoom 0.3s}@keyframes zoom{from{transform:scale(0)}to{transform:scale(1)}}.close{position:absolute;top:15px;right:35px;color:#f1f1f1;font-size:40px;font-weight:bold;transition:0.3s}.close:hover,.close:focus{color:#bbb;text-decoration:none;cursor:pointer}#caption{margin:24px 0;text-align:center;color:#ccc;font-size:20px}.card-container{display:flex;flex-wrap:wrap;gap:20px;justify-content:center;padding:20px}.card{width:300px;box-shadow:0 4px 8px rgba(0,0,0,0.2);border-radius:8px;overflow:hidden;background-color:#ffffff}.card-image{width:100%;height:200px;padding-top:5px;object-fit:cover}.card-content{padding:15px;color:#063970}.card-title{margin:0;margin-bottom:10px;color:#1e81b0}.card-description{margin:0;margin-bottom:15px}.card-link{display:inline-block;text-decoration:none;background:#e28743;color:white;padding:10px 15px;border-radius:5px;transition:background-color 0.3s ease}.card-link:hover{background:#eab676}.sticky-bottom{text-align:center;margin-top:auto}.media-list{margin:20px 0}.media-item{margin-bottom:10px;padding:10px;cursor:pointer}.media-item:hover{background-color:#f0f0f0;border-radius:5px;position:relative}.media-item[title]:hover:after{content:attr(title);display:block;position:absolute;background:#333;color:#fff;padding:5px 10px;border-radius:3px;white-space:nowrap;left:0;top:100%;z-index:10;margin-top:5px}#bucket-list{list-style-type:none;padding:0;margin:20px 0}.bucket-item{padding:10px;border-bottom:1px solid #ccc;display:flex;align-items:flex-start;margin-bottom:5px}.bucket-item input[type="checkbox"]{margin-right:10px}.bucket-item.completed{color:#888;background-color:#f0f0f0;text-decoration:line-through}.completion-info{margin-left:10px;font-size:0.9em;color:#666}.item-notes{font-size:0.9em;color:#444}