@import "https://fonts.googleapis.com/css2?family=Cinzel:wght@400;600;700;900&family=Inter:wght@300;400;500;600;700;800;900&family=Outfit:wght@400;500;600;700;900&family=Caveat:wght@400;700&display=swap";:root{--netflix-red:#e50914;--netflix-red-hover:#b80710;--bg-black:#141414;--bg-darker:#080808;--text-white:#f5f5f7;--text-grey:#a3a3a3;--text-dark:#262626;--accent-amber:#f59e0b;--glass-bg:#141414b3;--glass-border:#ffffff1a;--font-sans:"Inter", system-ui, sans-serif;--font-outfit:"Outfit", sans-serif;--font-caveat:"Caveat", cursive;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box;scrollbar-width:thin;scrollbar-color:var(--netflix-red) var(--bg-black);margin:0;padding:0}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-black)}::-webkit-scrollbar-thumb{background:#333;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--netflix-red)}body{background-color:var(--bg-black);color:var(--text-white);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;overflow-x:hidden}#root{flex-direction:column;width:100%;min-height:100vh;display:flex}.cinema-vignette{pointer-events:none;z-index:1;background:radial-gradient(circle,#0000 30%,#000000b3 100%);position:fixed;inset:0}.film-grain{opacity:.04;pointer-events:none;z-index:2;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3联%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E");width:100%;height:100%;position:fixed;inset:0}h1,h2,h3,h4,h5,h6{font-family:var(--font-outfit);letter-spacing:-.02em;font-weight:700}.profile-container{background-color:var(--bg-darker);z-index:100;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;animation:.6s ease-out fadeIn;display:flex;position:fixed;inset:0}.profile-title{letter-spacing:.05em;text-align:center;margin-bottom:2rem;font-size:3.5rem;font-weight:500}.profile-list{flex-wrap:nowrap;justify-content:center;gap:2.5rem;max-width:95%;margin-bottom:2rem;display:flex}.profile-card{cursor:pointer;color:var(--text-grey);flex-direction:column;align-items:center;width:130px;text-decoration:none;transition:color .3s;display:flex}.profile-avatar-wrapper{border:3px solid #0000;border-radius:4px;width:110px;height:110px;margin-bottom:.75rem;transition:all .3s cubic-bezier(.25,.46,.45,.94);position:relative;overflow:hidden;box-shadow:0 4px 10px #00000080}.profile-avatar{object-fit:cover;width:100%;height:100%;transition:transform .3s}.profile-card:hover .profile-avatar-wrapper{border-color:var(--text-white);box-shadow:0 10px 25px #ffffff26}.profile-card:hover .profile-avatar{transform:scale(1.05)}.profile-card:hover{color:var(--text-white)}.profile-name{text-align:center;font-size:1.1rem;font-weight:400}.manage-profiles-btn{border:1px solid var(--text-grey);color:var(--text-grey);letter-spacing:.1em;text-transform:uppercase;cursor:pointer;background:0 0;border-radius:2px;padding:.5rem 1.5rem;font-size:1rem;transition:all .2s}.manage-profiles-btn:hover{border-color:var(--text-white);color:var(--text-white);background-color:#ffffff0d}.main-layout{z-index:5;flex-direction:column;width:100%;min-height:100vh;display:flex;position:relative}.navbar{z-index:50;justify-content:space-between;align-items:center;width:100%;height:70px;padding:0 4%;transition:background-color .4s;display:flex;position:fixed;top:0}.navbar.scrolled{background-color:var(--bg-darker);box-shadow:0 4px 20px #0006}.nav-left{align-items:center;gap:2.5rem;display:flex}.nav-logo{color:var(--netflix-red);font-family:var(--font-outfit);letter-spacing:-.05em;align-items:center;gap:.25rem;font-size:2rem;font-weight:900;text-decoration:none;display:flex}.nav-links{gap:1.25rem;list-style:none;display:flex}.nav-link-btn{color:#e5e5e5;cursor:pointer;background:0 0;border:none;padding:.5rem 0;font-size:.85rem;font-weight:400;transition:color .3s}.nav-link-btn:hover,.nav-link-btn.active{color:#fff}.nav-link-btn.active{font-weight:700}.nav-right{align-items:center;gap:1.5rem;display:flex}.nav-profile-trigger{cursor:pointer;color:var(--text-white);background:0 0;border:none;align-items:center;gap:.5rem;display:flex}.nav-profile-avatar{object-fit:cover;border-radius:4px;width:32px;height:32px}.hero-banner{background-position:50%;background-repeat:no-repeat;background-size:cover;align-items:flex-end;width:100%;height:85vh;min-height:700px;padding:0 4% 150px;display:flex;position:relative;overflow:hidden}.hero-banner:before{content:"";background:linear-gradient(to right, #000c 0%, #0006 40%, transparent 100%), linear-gradient(to top, var(--bg-black) 0%, transparent 30%);z-index:1;position:absolute;inset:0}.hero-content{z-index:10;max-width:650px;margin-top:0;position:relative}.hero-badge-row{color:#4ade80;align-items:center;gap:.75rem;margin-bottom:1.25rem;font-size:.9rem;font-weight:600;display:flex}.hero-badge-match{color:#4ade80}.hero-badge-tag{color:var(--text-white);text-transform:uppercase;border:1px solid #fff6;border-radius:3px;padding:.1rem .4rem;font-size:.75rem}.hero-title{text-shadow:2px 2px 4px #0009;font-size:4.5rem;line-height:1.1;font-family:var(--font-outfit);margin-bottom:1.5rem}.hero-desc{color:#e5e5e5;text-shadow:1px 1px 3px #000c;margin-bottom:2rem;font-size:1.15rem;line-height:1.45}.hero-buttons{gap:1rem;display:flex}.hero-btn{cursor:pointer;border:none;border-radius:4px;justify-content:center;align-items:center;gap:.75rem;padding:.65rem 2rem;font-size:1.1rem;font-weight:700;transition:opacity .2s,transform .2s;display:flex}.hero-btn-play{background-color:var(--text-white);color:var(--text-dark)}.hero-btn-play:hover{background-color:#ffffffd9;transform:scale(1.02)}.hero-btn-info{color:var(--text-white);background-color:#6d6d6eb3}.hero-btn-info:hover{background-color:#6d6d6e66;transform:scale(1.02)}.rows-container{z-index:20;flex-direction:column;gap:1.25rem;margin-top:-120px;padding-bottom:2rem;padding-left:4%;padding-right:4%;display:flex;position:relative}.memory-row-title{color:#fff;text-transform:uppercase;letter-spacing:.05em;text-shadow:1px 1px 3px #0009;margin-bottom:.5rem;font-family:Cinzel,Georgia,serif;font-size:1.45rem;font-weight:800}.memory-row-scroll{scroll-behavior:smooth;-webkit-overflow-scrolling:touch;gap:.6rem;padding:1.25rem 0;display:flex;position:relative;overflow:auto hidden}.memory-row-scroll::-webkit-scrollbar{display:none}.memory-card{aspect-ratio:16/9;cursor:pointer;background-color:#1a1a1a;border-radius:4px;flex:0 0 240px;transition:all .3s cubic-bezier(.25,.8,.25,1);position:relative;overflow:hidden;box-shadow:0 4px 6px #0000004d}.memory-card-image{object-fit:cover;object-position:center 15%;width:100%;height:100%;transition:filter .3s}.memory-card-overlay{opacity:0;background:linear-gradient(#0000 0%,#0006 50%,#000000e6 100%);flex-direction:column;justify-content:flex-end;padding:.75rem;transition:opacity .3s;display:flex;position:absolute;inset:0}.memory-card:hover{z-index:30;transform:scale(1.15)translateY(-5px);box-shadow:0 10px 20px #0009}.memory-card:hover .memory-card-overlay{opacity:1}.memory-card-title{color:var(--text-white);margin-bottom:.25rem;font-size:.95rem;font-weight:700}.memory-card-meta{color:var(--accent-amber);justify-content:space-between;font-size:.75rem;display:flex}.progress-bar-container{background-color:#555;border-radius:2px;width:100%;height:4px;margin-top:.4rem;overflow:hidden}.progress-bar-fill{background-color:var(--netflix-red);height:100%}.modal-overlay{z-index:1000;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background-color:#000c;justify-content:center;align-items:center;padding:1.5rem;animation:.3s ease-out fadeIn;display:flex;position:fixed;inset:0}.modal-content{background-color:#181818;border:1px solid #333;border-radius:8px;width:100%;max-width:850px;animation:.3s cubic-bezier(.34,1.56,.64,1) scaleUp;position:relative;overflow:hidden;box-shadow:0 25px 50px #000c}.modal-close-btn{color:var(--text-white);cursor:pointer;z-index:10;background-color:#181818;border:2px solid #ffffff1a;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;transition:all .2s;display:flex;position:absolute;top:1rem;right:1rem}.modal-close-btn:hover{border-color:var(--text-white);background-color:#2a2a2a;transform:scale(1.05)}.modal-image-wrapper{aspect-ratio:16/9;width:100%;position:relative}.modal-image{object-fit:cover;object-position:center 15%;width:100%;height:100%}.modal-gradient{background:linear-gradient(#0000 40%,#181818 100%);position:absolute;inset:0}.modal-body{gap:2rem;padding:2rem;display:flex}.modal-main-info{flex-direction:column;flex:2;gap:1rem;display:flex}.modal-side-info{border-left:1px solid #333;flex-direction:column;flex:1;gap:1.25rem;padding-left:2rem;font-size:.9rem;display:flex}.info-label{color:var(--text-grey);margin-bottom:.25rem}.info-value{font-weight:500}.date-planner-container{text-align:center;background-color:#111;border:1px solid #222;border-radius:8px;margin:1.5rem 4% 0;padding:1.5rem;position:relative;overflow:hidden;box-shadow:0 10px 30px #00000080}.date-moods-row{flex-wrap:wrap;justify-content:center;gap:1rem;margin:1rem 0;display:flex}.mood-btn{color:var(--text-white);cursor:pointer;background-color:#222;border:1px solid #333;border-radius:50px;padding:.75rem 1.5rem;font-size:.95rem;transition:all .3s}.mood-btn.selected{background-color:var(--netflix-red);border-color:var(--netflix-red);box-shadow:0 0 15px #e5091466}.mood-btn:hover:not(.selected){border-color:var(--text-white);background-color:#2c2c2c}.spin-wheel-btn{background-color:var(--netflix-red);color:var(--text-white);cursor:pointer;border:none;border-radius:4px;margin-top:1.5rem;padding:1rem 3rem;font-size:1.2rem;font-weight:700;transition:all .2s;box-shadow:0 4px 15px #e5091466}.spin-wheel-btn:hover{background-color:var(--netflix-red-hover);transform:scale(1.03)}.spin-wheel-btn:disabled{color:#999;cursor:not-allowed;box-shadow:none;background-color:#555}.reel-spinner-container{background-color:#0c0c0c;border:2px solid #333;border-radius:8px;justify-content:center;align-items:center;width:100%;max-width:500px;height:250px;margin:1rem auto;display:flex;position:relative;overflow:hidden}.reel-card-slot{width:100%;height:200px;position:relative;overflow:hidden}.reel-strip{flex-direction:column;width:100%;transition:transform 3.5s cubic-bezier(.1,.8,.1,1);display:flex;position:absolute}.reel-item{text-align:center;flex-direction:column;justify-content:center;align-items:center;height:200px;padding:1.5rem;font-size:1.5rem;font-weight:700;display:flex}.reel-item-icon{margin-bottom:.5rem;font-size:3rem}.timeline-section{background-color:#0b0b0b;padding:2rem 4%}.timeline-wrapper{max-width:800px;margin:1.5rem auto 0;position:relative}.timeline-wrapper:before{content:"";background-color:#333;width:2px;position:absolute;top:0;bottom:0;left:50%;transform:translate(-50%)}.timeline-node{justify-content:flex-end;width:100%;margin-bottom:2.25rem;display:flex;position:relative}.timeline-node:nth-child(2n){justify-content:flex-start}.timeline-dot{background-color:var(--netflix-red);border:4px solid var(--bg-black);z-index:5;width:16px;height:16px;box-shadow:0 0 10px var(--netflix-red);border-radius:50%;position:absolute;top:15px;left:50%;transform:translate(-50%)}.timeline-content-card{background-color:#141414;border:1px solid #222;border-radius:8px;width:45%;padding:1.5rem;transition:all .3s;position:relative;box-shadow:0 10px 20px #0000004d}.timeline-content-card:hover{border-color:var(--netflix-red);transform:translateY(-5px);box-shadow:0 10px 25px #e5091426}.timeline-node:nth-child(2n) .timeline-content-card:before{content:"";border-width:8px 0 8px 8px;border-color:#0000 #0000 #0000 #222;position:absolute;top:15px;right:-8px}.timeline-node:nth-child(odd) .timeline-content-card:before{content:"";border-width:8px 8px 8px 0;border-color:#0000 #222 #0000 #0000;position:absolute;top:15px;left:-8px}.timeline-date{color:var(--accent-amber);margin-bottom:.5rem;font-size:.85rem;font-weight:700}.timeline-node-title{margin-bottom:.5rem;font-size:1.25rem}.timeline-node-desc{color:var(--text-grey);font-size:.95rem;line-height:1.4}.lockbox-container{text-align:center;background-color:#111;border:1px solid #222;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;max-width:400px;margin:1.5rem auto;padding:2rem 1.5rem;display:flex}.lockbox-keypad{grid-template-columns:repeat(3,1fr);gap:.5rem;width:100%;margin:1rem 0;display:grid}.keypad-btn{color:var(--text-white);cursor:pointer;background-color:#222;border:1px solid #333;border-radius:8px;padding:1rem;font-size:1.2rem;font-weight:700;transition:all .15s}.keypad-btn:active{background-color:var(--netflix-red);border-color:var(--netflix-red);transform:scale(.95)}.keypad-btn:hover{background-color:#333}.passcode-display{letter-spacing:.5rem;font-size:2rem;font-family:var(--mono);height:3rem;color:var(--accent-amber);margin-bottom:1.5rem}.love-letter-paper{color:#2b2b2b;font-family:var(--font-caveat);border-left:4px solid var(--netflix-red);background-color:#fefcf0;border-radius:4px;width:100%;max-width:650px;margin:1rem auto;padding:2rem 2.5rem;font-size:1.8rem;line-height:1.5;position:relative;overflow:hidden;box-shadow:0 15px 35px #0006}.love-letter-paper:before{content:"";pointer-events:none;background:repeating-linear-gradient(#0000,#0000 39px,#e2e8f0 39px 40px);position:absolute;inset:0}.love-letter-content{z-index:5;position:relative}.love-letter-heading{color:var(--netflix-red-hover);margin-bottom:2rem;font-size:2.2rem;font-weight:700}.love-letter-footer{text-align:right;margin-top:3rem;font-size:2rem;font-weight:700}.hearts-container{pointer-events:none;z-index:9999;position:fixed;inset:0;overflow:hidden}.floating-heart{color:var(--netflix-red);fill:var(--netflix-red);opacity:.8;animation:4s ease-in-out forwards floatUp;position:absolute}.slideshow-viewer{z-index:2000;background-color:#000;flex-direction:column;justify-content:space-between;display:flex;position:fixed;inset:0}.slideshow-header{z-index:10;background:linear-gradient(#000c,#0000);justify-content:space-between;align-items:center;padding:1.5rem 2rem;display:flex}.slideshow-close-btn{color:#fff;cursor:pointer;background:0 0;border:none;padding:.5rem;font-size:1.5rem}.slideshow-track{flex:1;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.slideshow-slide{flex-direction:column;align-items:center;max-width:90%;max-height:80%;animation:.8s ease-in-out fadeIn;display:flex;position:absolute}.slideshow-image{object-fit:contain;border-radius:4px;max-width:100%;max-height:60vh;box-shadow:0 10px 30px #000c}.slideshow-info{text-align:center;max-width:600px;margin-top:1.5rem}.slideshow-title{margin-bottom:.5rem;font-size:1.8rem}.slideshow-desc{color:var(--text-grey);font-size:1.05rem}.slideshow-controls{z-index:10;background:linear-gradient(#0000,#000c);justify-content:center;align-items:center;gap:2rem;padding:2rem;display:flex}.slideshow-control-btn{color:#fff;cursor:pointer;background:#ffffff1a;border:1px solid #fff3;border-radius:4px;padding:.75rem 1.5rem;font-weight:600;transition:all .2s}.slideshow-control-btn:hover{background-color:var(--text-white);color:var(--text-dark)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleUp{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes floatUp{0%{opacity:0;transform:translateY(100vh)rotate(0)scale(.5)}10%{opacity:.8}90%{opacity:.8}to{opacity:0;transform:translateY(-10vh)rotate(360deg)scale(1.2)}}.memories-card{cursor:pointer;background-color:#181818;border:1px solid #222;border-radius:6px;flex-direction:column;flex:0 0 290px;transition:all .3s cubic-bezier(.25,.8,.25,1);display:flex;position:relative;overflow:hidden;box-shadow:0 4px 10px #0000004d}.memories-card-image-wrapper{aspect-ratio:16/10;width:100%;position:relative;overflow:hidden}.memories-card-image{object-fit:cover;object-position:center 15%;width:100%;height:100%;transition:transform .3s}.memories-card-text{background-color:#181818;flex-direction:column;gap:.35rem;padding:1rem;display:flex}.memories-card-meta{color:gray;align-items:center;gap:.5rem;font-size:.72rem;display:flex}.memories-card-badge{color:#e50914;text-transform:uppercase;border:1px solid #e50914;border-radius:2px;padding:.5px 3.5px;font-size:.58rem;font-weight:800}.memories-card-title{color:#fff;text-transform:uppercase;text-overflow:ellipsis;white-space:nowrap;font-size:.95rem;font-weight:800;overflow:hidden}.memories-card-desc{color:gray;-webkit-line-clamp:2;text-align:left;-webkit-box-orient:vertical;height:2.8em;font-size:.75rem;line-height:1.4;display:-webkit-box;overflow:hidden}.memories-card-tags{color:#e50914;text-align:left;font-size:.65rem;font-weight:600}.memories-card:hover{z-index:30;border-color:#fff3;transform:scale(1.08)translateY(-5px);box-shadow:0 10px 25px #0009}.memories-card:hover .memories-card-image{transform:scale(1.05)}.top4-row-scroll{gap:2rem;padding:1.5rem 4%;display:flex;overflow:auto hidden}.top4-row-scroll::-webkit-scrollbar{display:none}.top4-card-wrapper{flex:0 0 210px;width:210px;height:250px;position:relative}.top4-rank-number{color:#0b0b0b;-webkit-text-stroke:4px #5a5a5a;z-index:5;-webkit-user-select:none;user-select:none;pointer-events:none;font-family:Cinzel,Georgia,serif;font-size:16rem;font-weight:900;line-height:1;position:absolute;bottom:-2.2rem;left:0}.top4-card{cursor:pointer;z-index:10;background-color:#181818;border:1px solid #222;border-radius:4px;flex-direction:column;width:145px;height:220px;transition:all .3s cubic-bezier(.25,.8,.25,1);display:flex;position:absolute;bottom:0;right:0;overflow:hidden;box-shadow:0 5px 15px #00000080}.top4-card-image-container{width:100%;height:calc(100% - 28px);position:relative;overflow:hidden}.top4-card-image{object-fit:cover;object-position:center 15%;width:100%;height:100%;transition:transform .3s}.top4-card-gradient{background:linear-gradient(#0000 0%,#0006 50%,#000000e6 100%);position:absolute;inset:0}.top4-card-title{color:#fff;text-transform:uppercase;text-align:center;text-shadow:1px 1px 3px #000c;font-family:Cinzel,Georgia,serif;font-size:.85rem;font-weight:800;line-height:1.15;position:absolute;bottom:.5rem;left:.5rem;right:.5rem}.top4-card-bottom-bar{color:#fff;text-transform:uppercase;letter-spacing:.05em;background-color:#e50914;border-top:1px solid #ffffff26;justify-content:center;align-items:center;height:28px;font-size:.65rem;font-weight:900;display:flex}.top4-card-wrapper:hover .top4-card{z-index:20;border-color:#ffffff40;transform:scale(1.1)translateY(-10px);box-shadow:0 10px 25px #000000b3}.top4-card-wrapper:hover .top4-card-image{transform:scale(1.05)}.top4-card-wrapper:hover .top4-rank-number{-webkit-text-stroke-color:#888;text-shadow:0 0 10px #ffffff1a}@media (max-width: 768px){.hero-banner{min-height:520px;padding-bottom:110px}.rows-container{margin-top:-80px}.profile-title{font-size:2.2rem}.hero-title{font-size:2.8rem}.hero-desc{font-size:1rem}.hero-buttons,.modal-body{flex-direction:column}.modal-side-info{border-top:1px solid #333;border-left:none;padding-top:1.5rem;padding-left:0}.timeline-wrapper:before{left:20px}.timeline-node{justify-content:flex-end!important}.timeline-dot{left:20px}.timeline-content-card{width:calc(100% - 45px);margin-left:45px}.timeline-node:nth-child(2n) .timeline-content-card:before,.timeline-node:nth-child(odd) .timeline-content-card:before{border-width:8px 8px 8px 0;border-color:#0000 #222 #0000 #0000;left:-8px;right:auto}}.spotlight-section{background-color:#0c0c0c;border:1px solid #1a1a1a;border-radius:8px;grid-template-columns:1.1fr 1fr;align-items:center;gap:2rem;margin:.5rem 0;padding:1.75rem;display:grid;position:relative;box-shadow:0 10px 30px #000c}.spotlight-image-wrapper{aspect-ratio:16/10;border:1px solid #222;border-radius:6px;width:100%;position:relative;overflow:hidden;box-shadow:0 0 20px #e5091426}.spotlight-image{object-fit:cover;object-position:center 15%;width:100%;height:100%;display:block}.spotlight-badge{background-color:var(--netflix-red);color:#fff;text-transform:uppercase;letter-spacing:.05em;z-index:10;border-radius:4px;align-items:center;gap:6px;padding:.35rem .75rem;font-size:.72rem;font-weight:900;display:flex;position:absolute;top:1rem;left:1rem;box-shadow:0 2px 8px #00000080}.spotlight-badge-dot{background-color:#fff;border-radius:50%;width:8px;height:8px;animation:1.5s infinite pulse}@keyframes pulse{0%{opacity:.6;transform:scale(.9)}50%{opacity:1;transform:scale(1.1)}to{opacity:.6;transform:scale(.9)}}.spotlight-edit-btn{color:#fff;cursor:pointer;z-index:10;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#000000bf;border:1px solid #444;border-radius:4px;align-items:center;gap:8px;padding:.5rem 1rem;font-size:.8rem;font-weight:700;transition:all .2s;display:flex;position:absolute;bottom:1rem;left:1rem}.spotlight-edit-btn:hover{color:#000;background-color:#fff;border-color:#fff}.spotlight-content{flex-direction:column;align-items:flex-start;display:flex}.spotlight-category-header{letter-spacing:.15em;color:gray;text-transform:uppercase;align-items:center;gap:8px;margin-bottom:1rem;font-size:.75rem;font-weight:800;display:flex}.spotlight-title-text{color:#fff;text-transform:uppercase;letter-spacing:.02em;text-shadow:2px 2px 4px #0009;text-align:left;margin-bottom:1rem;font-family:Cinzel,Georgia,serif;font-size:2.6rem;font-weight:900;line-height:1.15}.spotlight-subtitle-text{color:var(--netflix-red);text-transform:uppercase;letter-spacing:.1em;text-align:left;margin-bottom:1.25rem;font-size:.95rem;font-weight:900}.spotlight-description{color:#ccc;text-align:left;margin-bottom:1.5rem;font-size:.95rem;line-height:1.6}.spotlight-quote-box{border-left:4px solid var(--netflix-red);text-align:left;background-color:#121212;border:1px solid #1f1f1f;border-left-width:4px;border-radius:0 6px 6px 0;width:100%;padding:1rem 1.25rem}.spotlight-quote{color:#a3a3a3;font-size:.85rem;font-style:italic;line-height:1.5}@media (max-width: 1024px){.spotlight-section{grid-template-columns:1fr;gap:2rem;padding:1.75rem}.spotlight-title-text{font-size:2.2rem}}.gallery-section{flex-direction:column;width:100%;margin:.5rem 0;display:flex}.gallery-title{color:#fff;text-transform:uppercase;letter-spacing:.05em;text-shadow:1px 1px 3px #0009;margin:0;font-family:Cinzel,Georgia,serif;font-size:1.45rem;font-weight:800}.gallery-grid{grid-template-columns:repeat(auto-fit,minmax(290px,1fr));gap:2.2rem;width:100%;margin-top:1.5rem;display:grid}.gallery-card-wrapper{justify-content:center;transition:transform .4s cubic-bezier(.25,.8,.25,1);display:flex;position:relative}.gallery-card-wrapper:hover{z-index:20;transform:scale(1.06)translateY(-8px)!important}.polaroid-card{background-color:#fafafa;border:1px solid #0000000f;border-radius:2px;flex-direction:column;width:100%;max-width:320px;padding:.85rem .85rem 1.85rem;display:flex;position:relative;box-shadow:0 10px 25px #0006}.polaroid-tape{z-index:10;background-color:#f5f5dc80;width:85px;height:25px;position:absolute;top:-15px;left:50%;transform:translate(-50%)rotate(-3deg);box-shadow:0 1px 3px #0000000f}.polaroid-image-container{aspect-ratio:1.1;background-color:#e5e5e5;border:1px solid #00000014;width:100%;overflow:hidden}.polaroid-image{object-fit:cover;width:100%;height:100%;display:block}.polaroid-content{flex-direction:column;align-items:flex-start;width:100%;margin-top:.85rem;display:flex}.polaroid-card-title{font-family:var(--font-caveat), cursive;color:#1c1c1c;letter-spacing:-.01em;margin:0;font-size:1.6rem;font-weight:700;line-height:1}.polaroid-card-date{color:#888;font-size:.8rem;font-weight:700;font-family:var(--font-sans)}.polaroid-card-desc{color:#3f3f3f;text-align:left;font-size:.8rem;line-height:1.4;font-family:var(--font-sans);margin-top:.6rem}.cinematic-card{background-color:#121212;border:1px solid #222;border-radius:6px;flex-direction:column;width:100%;max-width:320px;padding:.85rem;display:flex;box-shadow:0 10px 25px #0009}.cinematic-image-container{aspect-ratio:16/10;border-radius:4px;width:100%;overflow:hidden}.cinematic-image{object-fit:cover;width:100%;height:100%;display:block}.cinematic-content{flex-direction:column;align-items:flex-start;width:100%;margin-top:.85rem;display:flex}.cinematic-card-title{color:#fff;text-transform:uppercase;letter-spacing:.05em;margin:0;font-family:Cinzel,Georgia,serif;font-size:.95rem;font-weight:700}.cinematic-card-date{color:var(--netflix-red);font-size:.8rem;font-weight:700;font-family:var(--font-sans)}.cinematic-card-desc{color:#a3a3a3;text-align:left;font-size:.8rem;line-height:1.4;font-family:var(--font-sans);margin-top:.6rem}

@media (max-width: 768px) {
    .profile-list {
        flex-wrap: wrap !important;
        justify-content: center !important;
        gap: 1.5rem !important;
    }
    .profile-card {
        transform: scale(0.8);
    }
    
        display: none;
        position: absolute;
        top: 60px;
        right: 4%;
        background: rgba(0,0,0,0.95);
        flex-direction: column;
        padding: 1rem;
        border-radius: 8px;
        border: 1px solid #333;
        z-index: 1000;
    }
    .nav-links.mobile-active {
        display: flex !important;
    }
    .mobile-menu-btn {
        display: block !important;
        cursor: pointer;
        font-size: 1.5rem;
        color: white;
        margin-left: auto;
    }
}
.mobile-menu-btn {
    display: none;
}

@media (max-width: 768px) {
    .hero-buttons {
        flex-direction: column;
        width: 65% !important;
        max-width: 250px;
        gap: 10px !important;
    }
    .hero-buttons button {
        width: 100% !important;
        margin: 0 !important;
    }
}

@media (max-width: 768px) {
    .hidden-mobile { display: none !important; }

    .nav-links.mobile-active {
        display: flex !important;
        position: fixed;
        top: 60px;
        left: 0;
        width: 100%;
        height: calc(100vh - 60px);
        background: #000;
        flex-direction: column;
        padding: 0 !important;
        margin: 0 !important;
        border-radius: 0;
        border: none;
        border-top: 1px solid #222;
        z-index: 9999;
    }
    
    .nav-links.mobile-active li {
        width: 100%;
        padding: 1.5rem 2rem !important;
        border-bottom: 1px solid #1a1a1a;
        text-align: left;
        font-size: 1.1rem;
    }
    
    .nav-links.mobile-active li:first-child {
        border-left: 4px solid #e50914;
    }
}

@media (max-width: 768px) {
    .mobile-menu-btn {
        margin-left: 15px !important;
        display: flex !important;
        align-items: center;
    }
}

/* Force mobile menu button hidden on desktop */
.mobile-menu-btn {
    display: none !important;
}

@media (max-width: 768px) {
    /* Show mobile menu button on mobile */
    .mobile-menu-btn {
        display: flex !important;
        align-items: center;
        margin-left: 15px !important;
    }
    
    /* Ensure the right side nav is visible and correctly aligned */
    .nav-right {
        display: flex !important;
        align-items: center !important;
        gap: 10px !important;
    }
    
    /* Ensure the profile trigger is visible */
    .nav-profile-trigger {
        display: flex !important;
        align-items: center !important;
    }
    
    /* Fix the profile switcher page itself just in case */
    .profile-list {
        flex-wrap: wrap !important;
        justify-content: center !important;
        align-items: center !important;
        gap: 15px !important;
    }
    .profile-card {
        margin: 10px !important;
    }
}

@media (max-width: 768px) {
    /* Definitively hide the text nav links on mobile unless active */
    .nav-links:not(.mobile-active) {
        display: none !important;
    }
    
    /* Ensure the hamburger and profile switcher are visible */
    .mobile-menu-btn,
    .nav-profile-trigger,
    .nav-right {
        display: flex !important;
        align-items: center !important;
        opacity: 1 !important;
        visibility: visible !important;
    }
    
    /* Push nav-right to the right edge */
    .nav-right {
        margin-left: auto !important;
        gap: 15px !important;
    }
}

/* Force no horizontal scroll */
html, body {
    overflow-x: hidden !important;
}

@media (max-width: 768px) {
    /* Logo resizing to match 157x34 approx */
    .nav-logo {
        font-size: 1.3rem !important;
        width: 157px !important;
        height: 34px !important;
        display: flex !important;
        align-items: center !important;
        white-space: nowrap;
    }
    
    .nav-logo span {
        font-size: 0.9em !important;
    }
    
    /* Make the mobile menu a small dropdown instead of full page */
    .nav-links.mobile-active {
        display: flex !important;
        position: absolute !important;
        top: 60px !important;
        right: 4% !important;
        left: auto !important;
        width: 200px !important;
        background: rgba(10, 10, 10, 0.95) !important;
        border: 1px solid #333 !important;
        border-radius: 6px !important;
        flex-direction: column !important;
        padding: 5px 0 !important;
        box-shadow: 0 10px 30px rgba(0,0,0,0.8) !important;
    }
    
    .nav-links.mobile-active li {
        width: 100% !important;
        padding: 12px 20px !important;
        border-bottom: 1px solid #1a1a1a !important;
        text-align: left !important;
        font-size: 0.9rem !important;
        box-sizing: border-box !important;
    }
    
    .nav-links.mobile-active li:last-child {
        border-bottom: none !important;
    }
    
    /* Double verify text links are hidden when not active */
    .nav-links {
        display: none !important;
    }
}

@media (max-width: 768px) {
    /* Full width menu with automatic height (NOT full page) */
    .nav-links.mobile-active {
        display: flex !important;
        position: absolute !important;
        top: 60px !important;
        right: 0 !important;
        left: 0 !important;
        width: 100% !important;
        height: auto !important;
        min-height: auto !important;
        background: rgba(10, 10, 10, 0.98) !important;
        border: none !important;
        border-bottom: 1px solid #333 !important;
        border-radius: 0 !important;
        flex-direction: column !important;
        padding: 0 !important;
        box-shadow: 0 15px 30px rgba(0,0,0,0.9) !important;
    }
    
    .nav-links.mobile-active li {
        width: 100% !important;
        padding: 18px 25px !important;
        border-bottom: 1px solid #1a1a1a !important;
        text-align: left !important;
        font-size: 1rem !important;
        box-sizing: border-box !important;
    }
    
    /* Responsive typography across all major elements using clamp */
    .hero-title { font-size: clamp(2.2rem, 8vw, 3.5rem) !important; }
    .hero-desc { font-size: clamp(0.95rem, 4vw, 1.2rem) !important; }
    .spotlight-title-text { font-size: clamp(1.8rem, 6vw, 2.8rem) !important; }
    .gallery-title { font-size: clamp(1.3rem, 5vw, 1.6rem) !important; }
    .profile-title { font-size: clamp(2rem, 7vw, 3rem) !important; }
    
    .polaroid-card-title { font-size: clamp(1.4rem, 5vw, 1.8rem) !important; }
    .cinematic-card-title { font-size: clamp(0.85rem, 3.5vw, 1rem) !important; }
    
    /* Ensure no text overflows container */
    p, span {
        max-width: 100% !important;
    }
}

@media (max-width: 768px) {
    .hero-buttons {
        width: 100% !important;
        display: flex !important;
        flex-direction: column !important;
        align-items: stretch !important;
        padding-right: 20px !important; /* To avoid overlapping the mute button completely */
        box-sizing: border-box !important;
    }
    
    .hero-buttons button {
        width: 100% !important;
        justify-content: center !important;
    }
}

@media (max-width: 768px) {
    .hero-buttons {
        padding-right: 0px !important;
    }
}

@media (max-width: 768px) {
    /* Prevent text cutoff on the dropdown buttons */
    .nav-profile-trigger button {
        white-space: nowrap !important;
    }

}