#media-modal{position:fixed;inset:0;z-index:10000;align-items:center;justify-content:center}#media-modal.active{opacity:1}#media-modal .media-modal-backdrop{position:absolute;inset:0;background:#000000e6;backdrop-filter:blur(8px);opacity:0;transition:opacity .3s ease}#media-modal.active .media-modal-backdrop{opacity:1}#media-modal .media-modal-content{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:100%;padding:2rem;box-sizing:border-box;transform:none}#media-modal .media-modal-wrapper{position:relative;display:flex;flex-direction:column;align-items:center;opacity:0;transform:scale(.95);transition:all .3s cubic-bezier(.32,.72,0,1)}#media-modal.active .media-modal-wrapper{opacity:1;transform:scale(1)}#media-modal .media-modal-body{border-radius:.75rem;overflow:hidden;box-shadow:0 25px 80px #0009;background:#0a0a0a;padding:0}#media-modal .media-modal-body img{display:block;max-width:70vw;max-height:65vh;width:auto;height:auto;-o-object-fit:contain;object-fit:contain}#media-modal .media-modal-body iframe{width:70vw;max-width:800px;aspect-ratio:16/9;border:none}#media-modal .media-modal-caption{margin-top:1rem;padding:0;font-size:.9rem;color:#ffffffb3;text-align:center;max-width:500px;background:transparent;border:none}#media-modal .media-modal-close{position:relative;top:auto;right:auto;bottom:auto;order:10;margin-top:1.25rem;height:40px;padding:0 1rem 0 .75rem;border-radius:20px;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);display:flex;align-items:center;justify-content:center;gap:6px;color:#ffffffe6;cursor:pointer;transition:all .2s ease;transform:none}#media-modal .media-modal-body{order:1}#media-modal .media-modal-caption{order:2}#media-modal .media-modal-close .material-symbols-outlined{font-size:20px}#media-modal .media-modal-close .close-label{font-size:14px;font-weight:500}#media-modal .media-modal-close:hover{background:#fff3;border-color:#ffffff4d;color:#fff}@media (max-width: 640px){#media-modal .media-modal-content{padding:1.5rem}#media-modal .media-modal-body img{max-width:92vw;max-height:50vh}#media-modal .media-modal-close{margin-top:1rem}}.julia-story-page{overflow:hidden;padding-top:var(--nav-height)!important;animation:page-fade-in .6s ease-out}@media (min-width: 768px){.julia-story-page{padding-top:var(--nav-height-md)!important}}@keyframes page-fade-in{0%{opacity:0}to{opacity:1}}.story-canvas{position:absolute;inset:0;pointer-events:none;z-index:1}.floating-notes{position:fixed;inset:0;pointer-events:none;z-index:2;overflow:hidden}.note{position:absolute;font-size:1.5rem;color:#a3a6ff26;animation:float-note 20s ease-in-out infinite}.note-1{left:5%;top:20%;animation-delay:0s;animation-duration:25s}.note-2{left:15%;top:60%;animation-delay:-5s;animation-duration:22s}.note-3{right:10%;top:30%;animation-delay:-10s;animation-duration:28s}.note-4{right:20%;top:70%;animation-delay:-15s;animation-duration:24s}.note-5{left:50%;top:40%;animation-delay:-8s;animation-duration:26s}@keyframes float-note{0%,to{transform:translateY(0) rotate(0);opacity:.15}25%{transform:translateY(-30px) rotate(10deg);opacity:.25}50%{transform:translateY(-10px) rotate(-5deg);opacity:.1}75%{transform:translateY(-40px) rotate(5deg);opacity:.2}}@media (prefers-reduced-motion: reduce){.note{animation:none;opacity:.1}}.story-hero{position:relative;z-index:5}.story-hero img{filter:brightness(.7)}.hero-gradient{background:linear-gradient(to top,#050505 0%,rgba(5,5,5,.9) 20%,rgba(5,5,5,.6) 50%,rgba(5,5,5,.3) 80%,transparent 100%)}.hero-badge{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:#a3a6ff26;backdrop-filter:blur(10px);border:1px solid rgba(163,166,255,.3);border-radius:2rem;color:#a3a6ff;font-size:.75rem;font-weight:600;letter-spacing:.05em;animation:fade-slide-up .8s ease-out .2s both}.hero-badge .material-symbols-outlined{font-size:1rem}.hero-title{animation:fade-slide-up .8s ease-out .3s both}.text-gradient{background:linear-gradient(135deg,#a3a6ff,#42ddff,#c4b5fd);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.story-hero p{animation:fade-slide-up .8s ease-out .4s both}.hero-stats{display:flex;gap:2rem;margin-top:2rem;animation:fade-slide-up .8s ease-out .5s both}.stat{display:flex;flex-direction:column;align-items:flex-start}.stat-value{display:flex;align-items:baseline}.stat-number{font-size:2.5rem;font-weight:800;color:#fff;font-family:var(--font-headline);line-height:1;text-shadow:0 0 30px rgba(163,166,255,.5)}.stat-suffix{font-size:1.5rem;font-weight:600;color:#a3a6ff;margin-left:.1em}.stat-label{font-size:.75rem;color:#ffffff80;text-transform:uppercase;letter-spacing:.1em;margin-top:.25rem}@keyframes fade-slide-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.section-header{position:relative;z-index:10}.section-tag{display:inline-block;padding:.35rem 1rem;background:linear-gradient(135deg,#a3a6ff33,#42ddff1a);border:1px solid rgba(163,166,255,.3);border-radius:2rem;color:#a3a6ff;font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.15em}.timeline-section{position:relative;z-index:5}.timeline-nebula{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;max-width:800px;height:600px;background:radial-gradient(ellipse at center,rgba(61,61,234,.08) 0%,rgba(167,139,250,.04) 40%,transparent 70%);pointer-events:none;z-index:0}.timeline{position:relative;padding-left:2rem}.timeline:before{content:"";position:absolute;left:.5rem;top:0;bottom:0;width:2px;background:linear-gradient(180deg,transparent 0%,rgba(163,166,255,.3) 10%,rgba(163,166,255,.3) 90%,transparent 100%)}.timeline-item{position:relative;margin-bottom:2.5rem;opacity:0;transform:translate(-20px);transition:all .6s cubic-bezier(.4,0,.2,1)}.timeline-item.visible{opacity:1;transform:translate(0)}.timeline-marker{position:absolute;left:-1.65rem;top:1.5rem;width:.75rem;height:.75rem;border-radius:50%;background:#a3a6ff;box-shadow:0 0 10px #a3a6ff80;z-index:5}.timeline-marker.featured{width:1rem;height:1rem;left:-1.75rem;background:linear-gradient(135deg,#a68cff,#7e52ff);box-shadow:0 0 15px #a68cff99}.timeline-marker.gold{background:linear-gradient(135deg,#fbbf24,#f59e0b);box-shadow:0 0 15px #fbbf2499}.timeline-marker.current{width:1rem;height:1rem;left:-1.75rem;background:linear-gradient(135deg,#3d3dea,#6469ff);box-shadow:0 0 15px #6469ff99;animation:pulse-marker 2s ease-in-out infinite}@keyframes pulse-marker{0%,to{box-shadow:0 0 15px #6469ff99}50%{box-shadow:0 0 25px #6469ffe6}}.glass-card{background:#121216b3;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);border-radius:1rem;padding:0;transition:all .3s ease;display:flex;overflow:hidden}.timeline-content{flex:1;min-width:0;padding:1.5rem}.timeline-media{flex-shrink:0;width:240px;position:relative;background:linear-gradient(135deg,#a3a6ff14,#42ddff08);border:none;border-left:1px solid rgba(255,255,255,.08);border-radius:0;cursor:pointer;transition:all .3s ease;padding:0;font-family:inherit;color:inherit;overflow:hidden}.timeline-media:hover{background:linear-gradient(135deg,#a3a6ff1f,#42ddff0f)}.timeline-media:focus{outline:none;background:linear-gradient(135deg,#a3a6ff26,#42ddff14)}.timeline-media.gold{background:linear-gradient(135deg,#fbbf241a,#f59e0b0d);border-left-color:#fbbf2433}.timeline-media.gold:hover{background:linear-gradient(135deg,#fbbf2426,#f59e0b14)}.media-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;gap:.25rem}.media-placeholder .material-symbols-outlined{font-size:1.5rem;color:#a3a6ff99;transition:color .3s ease}.timeline-media.gold .media-placeholder .material-symbols-outlined{color:#fbbf24b3}.timeline-media.video .media-placeholder .material-symbols-outlined{color:#ef4444b3}.timeline-media:hover .media-placeholder .material-symbols-outlined{color:#a3a6ffe6}.timeline-media.gold:hover .media-placeholder .material-symbols-outlined{color:#fbbf24}.timeline-media.video:hover .media-placeholder .material-symbols-outlined{color:#ef4444}.media-label{font-size:.6rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:#ffffff80}.media-expand{position:absolute;bottom:6px;right:6px;width:22px;height:22px;border-radius:50%;background:#0009;display:flex;align-items:center;justify-content:center;opacity:.6;transition:all .3s ease}.media-expand .material-symbols-outlined{font-size:.75rem;color:#fff}.timeline-media:hover .media-expand{opacity:1;background:#000c}.timeline-media img{position:absolute;inset:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transition:transform .4s ease,filter .3s ease;filter:brightness(.8)}.timeline-media:hover img{transform:scale(1.05);filter:brightness(.95)}.timeline-media img~.media-placeholder{display:none}.timeline-media img~.media-expand{opacity:.7}.timeline-media:hover img~.media-expand{opacity:1}.media-modal{position:fixed;inset:0;z-index:10000;display:none;align-items:center;justify-content:center;opacity:0;transition:opacity .3s ease}.media-modal.active{opacity:1}body.modal-open{overflow:hidden}.media-modal-backdrop{position:absolute;inset:0;background:#000000e6;backdrop-filter:blur(10px)}.media-modal-content{position:relative;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 1rem 2rem;transform:scale(.95);transition:transform .3s ease}.media-modal.active .media-modal-content{transform:scale(1)}.media-modal-wrapper{position:relative}.media-modal-close{position:absolute;top:-.75rem;right:-.75rem;height:40px;padding:0 .875rem 0 .625rem;border-radius:9999px;background:#1e1e23e6;border:1px solid rgba(255,255,255,.15);color:#fff;cursor:pointer;display:flex;align-items:center;gap:.375rem;transition:all .2s ease;z-index:10;backdrop-filter:blur(8px)}.media-modal-close:hover{background:#fff3;border-color:#fff6}.media-modal-close .material-symbols-outlined{font-size:1.25rem}.media-modal-close .close-label{font-size:.875rem;font-weight:500}.media-modal-body{border-radius:.75rem;overflow:hidden;box-shadow:0 25px 80px #00000080;background:#0a0a0a}.media-modal-body img{max-width:90vw;max-height:80vh;-o-object-fit:contain;object-fit:contain;display:block}.media-modal-body iframe{width:80vw;height:45vw;max-width:900px;max-height:506px;border:none}.media-modal-caption{margin-top:1rem;font-size:.875rem;color:#ffffffb3;text-align:center;max-width:600px}@media (max-width: 768px){.media-modal-close{position:fixed;top:auto;bottom:2rem;right:50%;transform:translate(50%);padding:0 1.25rem;height:48px;font-size:1rem}.media-modal-close .material-symbols-outlined{font-size:1.5rem}.media-modal-content{padding:1.5rem .5rem 6rem}.media-modal-body iframe{width:100vw;height:56vw}.media-modal-body img{max-width:100vw;max-height:70vh}}.glass-card:hover{border-color:#a3a6ff33;box-shadow:0 10px 40px #0000004d}.glass-card.featured{border-color:#a68cff4d;background:linear-gradient(135deg,#a68cff1a,#121216cc)}.glass-card.gold-accent{border-color:#fbbf244d;background:linear-gradient(135deg,#fbbf2414,#121216cc)}.glass-card.current{border-color:#6469ff4d;background:linear-gradient(135deg,#6469ff1a,#121216cc)}.timeline-year{display:inline-flex;align-items:center;padding:.2rem .6rem;background:#fbbf2426;border-radius:1rem;font-size:.6rem;font-weight:700;color:#fbbf24;letter-spacing:.05em;white-space:nowrap}.timeline-header{display:flex;align-items:center;flex-wrap:wrap;gap:.5rem .75rem;margin-bottom:.5rem}.timeline-title{font-family:var(--font-headline);font-size:1.25rem;color:#fff;margin:0}.timeline-desc{font-size:.85rem;color:#ffffffa6;line-height:1.6;margin-bottom:1rem}.timeline-tag{display:inline-flex;align-items:center;padding:.2rem .6rem;background:#a3a6ff26;border-radius:1rem;font-size:.6rem;font-weight:600;color:#a3a6ff;text-transform:uppercase;letter-spacing:.08em;white-space:nowrap}.timeline-tag.current{background:linear-gradient(135deg,#3d3dea,#6469ff);color:#fff}.timeline-achievements{display:flex;flex-wrap:wrap;gap:.75rem;margin-bottom:1rem}.timeline-achievements span{display:inline-flex;align-items:center;gap:.35rem;font-size:.75rem;color:#ffffffb3}.timeline-achievements .material-symbols-outlined{font-size:.9rem;color:#c4b5fd}.timeline-medal{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:linear-gradient(135deg,#fbbf2433,#f59e0b1a);border:1px solid rgba(251,191,36,.3);border-radius:.5rem;margin-bottom:1rem}.timeline-medal .material-symbols-outlined{color:#fbbf24;font-size:1.1rem}.timeline-medal span{font-size:.8rem;font-weight:600;color:#fcd34d}.credentials-section{position:relative;z-index:5}.credential-cloud{display:flex;flex-direction:column;gap:1rem;perspective:1000px}.cloud-row{display:flex;justify-content:center;gap:1rem}.cloud-row:first-child{padding-left:3rem}.cloud-row:last-child{padding-right:3rem}.cloud-row.center{padding:0}.cloud-tag{display:flex;align-items:center;gap:.75rem;padding:.875rem 1.25rem;background:#121216b3;backdrop-filter:blur(12px);border:1px solid rgba(163,166,255,.12);border-radius:1rem;transition:all .4s cubic-bezier(.4,0,.2,1);animation:float-gentle var(--float-duration, 6s) ease-in-out infinite;animation-delay:var(--float-delay, 0s)}.cloud-tag.depth-1{--float-duration: 5s;--float-delay: 0s;box-shadow:0 4px 20px #0000004d,0 0 30px #a3a6ff0d;transform:translateY(-4px) scale(1.02)}.cloud-tag.depth-2{--float-duration: 6s;--float-delay: -1s;box-shadow:0 8px 30px #00000059,0 0 40px #a3a6ff14;transform:translateY(0) scale(1)}.cloud-tag.depth-3{--float-duration: 7s;--float-delay: -2s;box-shadow:0 12px 40px #0006,0 0 50px #a3a6ff0f;transform:translateY(6px) scale(.98);opacity:.9}.cloud-tag.featured{background:linear-gradient(135deg,#a3a6ff1f,#42ddff14);border-color:#a3a6ff40;box-shadow:0 8px 35px #00000059,0 0 50px #a3a6ff1f,inset 0 1px #ffffff0d}.cloud-tag:hover{border-color:#a3a6ff66;background:#a3a6ff1a;transform:translateY(-6px) scale(1.03);box-shadow:0 15px 45px #0006,0 0 60px #a3a6ff26;animation-play-state:paused}@keyframes float-gentle{0%,to{transform:translateY(var(--base-y, 0)) scale(var(--base-scale, 1))}50%{transform:translateY(calc(var(--base-y, 0px) - 8px)) scale(var(--base-scale, 1))}}.cloud-tag.depth-1{--base-y: -4px;--base-scale: 1.02}.cloud-tag.depth-2{--base-y: 0px;--base-scale: 1}.cloud-tag.depth-3{--base-y: 6px;--base-scale: .98}.tag-icon{display:flex;align-items:center;justify-content:center;width:2.25rem;height:2.25rem;border-radius:.625rem;background:linear-gradient(135deg,#a3a6ff33,#42ddff1f);border:1px solid rgba(163,166,255,.15);flex-shrink:0}.tag-icon .material-symbols-outlined{font-size:1.125rem;color:#a3a6ff}.cloud-tag.featured .tag-icon{background:linear-gradient(135deg,#a3a6ff4d,#42ddff33);border-color:#a3a6ff4d}.tag-content{display:flex;flex-direction:column;gap:.125rem}.tag-title{font-size:.9rem;font-weight:600;color:#fff;line-height:1.2}.tag-detail{font-size:.75rem;color:#ffffff80;line-height:1.2}.duo-section{position:relative;z-index:5}.duo-card{position:relative;padding:1.5rem;background:#12121680;backdrop-filter:blur(12px);border:1px solid rgba(163,166,255,.1);border-radius:1.25rem}.duo-corner{position:absolute;width:40px;height:40px;pointer-events:none}.duo-corner-tl{top:-1px;left:-1px;border-top:2px solid rgba(163,166,255,.4);border-left:2px solid rgba(163,166,255,.4);border-top-left-radius:1.25rem}.duo-corner-br{bottom:-1px;right:-1px;border-bottom:2px solid rgba(66,221,255,.3);border-right:2px solid rgba(66,221,255,.3);border-bottom-right-radius:1.25rem}.duo-header{text-align:center;margin-bottom:1.25rem}.duo-badge{display:inline-flex;align-items:center;gap:.4rem;padding:.3rem .75rem;background:#a3a6ff1f;border:1px solid rgba(163,166,255,.25);border-radius:2rem;color:#a3a6ff;font-size:.7rem;font-weight:600;margin-bottom:.75rem}.duo-badge .material-symbols-outlined{font-size:.9rem}.video-preview{position:relative}.video-glow{position:absolute;inset:-20px;background:radial-gradient(ellipse at center,rgba(163,166,255,.1) 0%,transparent 70%);pointer-events:none;opacity:0;transition:opacity .4s ease}.video-preview:hover .video-glow{opacity:1}.video-frame{position:relative;width:100%;aspect-ratio:16/9;border-radius:.75rem;overflow:hidden;background:#0a0a0a;border:1px solid rgba(255,255,255,.08)}.video-frame img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transition:transform .6s ease,filter .3s ease;filter:brightness(.65)}.video-preview:hover .video-frame img{transform:scale(1.04);filter:brightness(.45)}.video-overlay{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.75rem;z-index:5}.play-button{width:3.5rem;height:3.5rem;border-radius:50%;background:#ffffff1a;backdrop-filter:blur(10px);border:2px solid rgba(255,255,255,.3);display:flex;align-items:center;justify-content:center;transition:all .3s ease}.play-button .material-symbols-outlined{color:#fff;font-size:1.75rem;margin-left:3px}.video-preview:hover .play-button{transform:scale(1.1);background:#a3a6ff4d;border-color:#a3a6ff99;box-shadow:0 0 30px #a3a6ff66}.video-label{font-size:.7rem;color:#ffffffb3;text-transform:uppercase;letter-spacing:.12em;font-weight:500}.duo-note{position:absolute;font-size:1.25rem;color:#a3a6ff66;pointer-events:none;animation:float-duo-note 4s ease-in-out infinite}.duo-note-1{top:10%;right:-8px;animation-delay:0s}.duo-note-2{bottom:15%;left:-10px;animation-delay:-2s}@keyframes float-duo-note{0%,to{transform:translateY(0) rotate(-5deg);opacity:.4}50%{transform:translateY(-8px) rotate(5deg);opacity:.7}}.story-cta{position:relative;z-index:5}.cta-glow{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:600px;height:300px;background:radial-gradient(ellipse at center,rgba(61,61,234,.15) 0%,transparent 70%);pointer-events:none}.cta-buttons{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center}.cta-primary{display:inline-flex;align-items:center;gap:.5rem;padding:.875rem 1.75rem;background:linear-gradient(135deg,#3d3dea,#6469ff);color:#fff;font-weight:700;font-size:.9rem;border-radius:2rem;transition:all .3s ease;box-shadow:0 4px 20px #3d3dea66}.cta-primary:hover{transform:translateY(-2px);box-shadow:0 8px 30px #3d3dea80}.cta-primary .material-symbols-outlined{font-size:1.1rem}.cta-secondary{display:inline-flex;align-items:center;gap:.5rem;padding:.875rem 1.75rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.2);color:#fff;font-weight:600;font-size:.9rem;border-radius:2rem;transition:all .3s ease}.cta-secondary:hover{background:#ffffff1a;border-color:#ffffff4d}.cta-secondary .material-symbols-outlined{font-size:1.1rem;color:#a3a6ff}@media (max-width: 768px){.timeline-section,.credentials-section,.duo-section{padding-top:2.5rem;padding-bottom:2.5rem}.story-cta{padding-top:3rem;padding-bottom:3rem}.hero-stats{gap:1.5rem}.stat-number{font-size:2rem}.stat-suffix{font-size:1.2rem}.timeline{padding-left:1.5rem}.timeline-marker{left:-1.35rem}.timeline-marker.featured,.timeline-marker.current,.timeline-marker.gold{left:-1.45rem}.glass-card{flex-direction:column-reverse}.timeline-media{width:100%;height:100px;border-left:none;border-bottom:1px solid rgba(255,255,255,.08)}.timeline-media.gold{border-left:none;border-bottom-color:#fbbf2433}.credential-cloud{gap:.75rem}.cloud-row{flex-direction:column;align-items:center;gap:.75rem;padding:0!important}.cloud-tag{width:100%;max-width:280px;padding:.75rem 1rem;animation-duration:8s}.cloud-tag.depth-1,.cloud-tag.depth-2,.cloud-tag.depth-3{transform:none;opacity:1}.cloud-tag.depth-1{--base-y: -3px}.cloud-tag.depth-2{--base-y: 0px}.cloud-tag.depth-3{--base-y: 3px}.tag-icon{width:2rem;height:2rem;border-radius:.5rem}.tag-icon .material-symbols-outlined{font-size:1rem}.tag-title{font-size:.85rem}.tag-detail{font-size:.7rem}.duo-card{padding:1rem}.duo-corner{width:30px;height:30px}.duo-header h3{font-size:1.125rem}.play-button{width:3rem;height:3rem}.play-button .material-symbols-outlined{font-size:1.5rem}.duo-note,.floating-notes{display:none}.section-header{margin-bottom:2rem}.section-header.mb-16{margin-bottom:2.5rem}}@media (prefers-reduced-motion: reduce){.julia-story-page,.hero-badge,.hero-title,.story-hero p,.hero-stats,.timeline-item,.cloud-tag{animation:none;opacity:1;transform:none}.timeline-marker.current{animation:none}.cloud-tag.depth-1,.cloud-tag.depth-2,.cloud-tag.depth-3{transform:none}}