:root{--bg-color: #f0f0f0;--text-color: #1A1A1A;--accent-color: #333333;--card-bg: #D4D2CC;--font-main: "Manrope", sans-serif;--font-display: "Unbounded", sans-serif;--spacing-unit: 1rem}*{margin:0;padding:0;box-sizing:border-box}html{height:100%}body{min-height:100vh;min-height:100dvh}body{font-family:var(--font-main);background-color:var(--bg-color);color:var(--text-color);overflow-x:hidden;line-height:1.5}body.loading-mode{overflow:hidden!important;height:100vh!important;height:100dvh!important;position:fixed!important;width:100%}html.no-scroll,body.no-scroll{overflow:hidden!important;height:100%!important}h1,h2,h3,h4,.view-project-btn,.site-header a{font-family:var(--font-display)}.site-header{position:fixed;top:0;left:0;right:0;width:100%;padding:2rem;display:flex;justify-content:center;align-items:center;z-index:9999;pointer-events:none;transition:all .3s ease;padding-top:calc(2rem + constant(safe-area-inset-top));padding-top:calc(2rem + env(safe-area-inset-top))}.site-header nav{background:#ffffff14;backdrop-filter:blur(12px) saturate(180%);-webkit-backdrop-filter:blur(12px) saturate(180%);padding:1rem 2rem;border-radius:999px;pointer-events:auto;display:flex;gap:2rem;align-items:center;box-shadow:0 4px 24px -1px #0000001a,inset 0 1px #fff3;border:1px solid rgba(255,255,255,.1);transition:all .4s ease;position:relative;overflow:hidden}@supports (backdrop-filter: url(#liquid-glass-filter)){.site-header nav{background:#fff0;backdrop-filter:blur(4px) url(#liquid-glass-filter);-webkit-backdrop-filter:blur(4px) url(#liquid-glass-filter)}}@supports (-webkit-touch-callout: none){.site-header nav{background:#ffffff26;-webkit-backdrop-filter:blur(10px) saturate(180%);backdrop-filter:blur(10px) saturate(180%)}}.site-header nav:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);mask-image:radial-gradient(ellipse at center,transparent 40%,black 100%);-webkit-mask-image:radial-gradient(ellipse at center,transparent 40%,black 100%);pointer-events:none}.site-header nav:after{content:"";position:absolute;width:200px;height:200px;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.15) 0%,transparent 70%);pointer-events:none;opacity:var(--glow-opacity, 0);transition:opacity .3s ease;transform:translate(-50%,-50%);left:var(--mouse-x, 50%);top:var(--mouse-y, 50%)}.site-header a{text-decoration:none;color:#fff;font-weight:500;font-size:.9rem;transition:color .2s}.site-header a:hover{color:#fff}.site-header .logo{display:flex;align-items:center;isolation:isolate}.logo-link{display:flex;align-items:center;text-decoration:none;color:inherit}.site-header .logo img{filter:invert(1);transition:filter .3s}.nav-separator{color:#ffffff4d;font-weight:300;transition:color .3s}.site-header.nav-light nav{background:#ffffff1a;border-color:#fff3}.site-header.nav-light a{color:#1a1a1a}.site-header.nav-light a:hover{color:#000}.site-header.nav-light .logo img{filter:none}.site-header.nav-light .nav-separator{color:#1a1a1a4d}#hero{height:100vh;height:100dvh;width:100%;position:relative;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;text-align:center;background-color:#111;padding-bottom:4rem;overflow:hidden}.canvas-container{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}.hero-content{position:relative;z-index:2;pointer-events:none;margin-bottom:2rem}.hero-content h1{font-size:5rem;font-weight:900;text-transform:uppercase;letter-spacing:-.02em;margin-top:0;color:#ffffffe6}.subtitle{font-size:.9rem;text-transform:uppercase;letter-spacing:.2em;margin-top:1rem;opacity:.7;font-weight:600;color:#fff9}.scroll-indicator{font-size:1.5rem;opacity:.5;animation:bounce 2s infinite;color:#fff;margin-top:2rem}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-10px)}60%{transform:translateY(-5px)}}#work{padding:4rem;position:relative;z-index:2;background:var(--bg-color)}#work h2{font-size:6rem;line-height:.9;margin-bottom:1rem;letter-spacing:-.03em}.section-desc{max-width:400px;margin-left:auto;margin-bottom:4rem;text-align:right;opacity:.6}.projects-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(500px,1fr));gap:4rem}.project-card-wrapper{perspective:1500px;position:relative;z-index:1}.project-card-wrapper:has(.project-card:hover),.project-card-wrapper:has(.project-card.flipped-left),.project-card-wrapper:has(.project-card.flipped-right),.project-card-wrapper:has(.project-card.closing){z-index:1000!important}.project-card{position:relative;height:600px;width:100%;transform-style:preserve-3d;transition:width .5s,height .5s,top .5s,left .5s,transform .6s cubic-bezier(.19,1,.22,1);border-radius:20px;cursor:pointer;will-change:transform}.project-card.expanded{position:fixed;z-index:10000;transform:rotateY(180deg)!important;cursor:default;margin:0;transition:transform .6s cubic-bezier(.19,1,.22,1);background:#1a1a1a}.project-card.expanded .card-back{height:100%;overflow:hidden}.project-card.expanded .project-details{display:block;opacity:1;flex:1;position:relative;overflow-y:scroll;-webkit-overflow-scrolling:touch;padding-bottom:2rem;touch-action:pan-y;overscroll-behavior:contain;transform:translateZ(0)}.project-card.expanded .glow-layer{opacity:0!important;display:none}.expansion-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000e6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:9999;opacity:0;pointer-events:none;transition:opacity .3s ease}.expansion-overlay.active{opacity:1;pointer-events:auto}.project-card.flipped-left{transform:rotateY(-180deg)!important;transition:transform .6s cubic-bezier(.175,.885,.32,1.275)}.project-card.flipped-right{transform:rotateY(180deg)!important;transition:transform .6s cubic-bezier(.175,.885,.32,1.275)}.card-face{position:absolute;top:0;left:0;width:100%;height:100%;backface-visibility:hidden;border-radius:20px;overflow:hidden;background:var(--card-bg);box-shadow:0 20px 40px #0000001a;border:1px solid rgba(255,255,255,.2)}.card-front{z-index:2}.card-back{transform:rotateY(180deg);background:#1a1a1a;color:#fff;display:flex;flex-direction:column;padding:1.5rem;z-index:1}.project-card.flipped-left .card-back{transform:rotateY(-180deg)}.glow-layer{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:20px;pointer-events:none;z-index:10;opacity:0;transition:opacity .3s ease;background:radial-gradient(800px circle at var(--mouse-x) var(--mouse-y),rgba(255,255,255,.15),transparent 40%)}.project-card:hover .glow-layer{opacity:1}.card-bg{position:absolute;top:-10%;left:-10%;width:120%;height:120%;background-size:cover;background-position:center;transition:transform .5s cubic-bezier(.19,1,.22,1)}.card-content{position:absolute;bottom:2rem;left:2rem;right:2rem;z-index:2;display:flex;justify-content:space-between;align-items:flex-end;pointer-events:none}.card-tags{display:flex;flex-wrap:wrap-reverse;align-content:flex-end;gap:.5rem}.card-tags span{display:inline-block;background:#0006;backdrop-filter:blur(12px) saturate(180%);-webkit-backdrop-filter:blur(12px) saturate(180%);color:#fff;padding:.4rem 1rem;border-radius:999px;font-size:.7rem;text-transform:uppercase;font-weight:600;border:1px solid rgba(255,255,255,.15);box-shadow:0 2px 8px #0000004d,inset 0 1px #ffffff1a;text-shadow:0 1px 2px rgba(0,0,0,.5)}.back-content{transition:opacity .2s}.project-card.expanded .back-content{display:none}.back-content h3{font-size:2.5rem;margin-bottom:1rem}.back-content p{font-size:1.1rem;opacity:.8;margin-bottom:2rem;line-height:1.6}.back-actions{display:flex;gap:1rem}.view-project-btn{background:#fff;color:#000;padding:1rem 2rem;border-radius:30px;text-decoration:none;font-weight:600;text-transform:uppercase;position:relative;z-index:20}.project-details{display:none;opacity:0;transition:opacity .5s ease .3s}.project-card.expanded .project-details{display:block;opacity:1}::-webkit-scrollbar{display:none}.project-card.closing .project-details{transition:opacity .5s ease;opacity:0}.project-card.closing .back-content,.project-card.closing .card-back .glow-layer{opacity:0!important}.detail-rows{display:flex;flex-direction:column;gap:.8rem;margin-top:2rem}.detail-row{display:flex;gap:.8rem;align-items:stretch}.detail-column{display:flex;flex-direction:column;gap:1.5rem;flex:1}.detail-row[data-layout="1"] .detail-column,.detail-row[data-layout="1:1"] .detail-column{flex:1}.detail-row[data-layout="2:1"] .detail-column:first-child{flex:2}.detail-row[data-layout="2:1"] .detail-column:last-child{flex:1}.detail-row[data-layout="1:2"] .detail-column:first-child{flex:1}.detail-row[data-layout="1:2"] .detail-column:last-child{flex:2}@media (max-width: 768px){.detail-row{flex-direction:column}}.detail-item{height:100%}.detail-item.text{padding:2rem;background:#ffffff08;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);border-radius:16px;box-shadow:0 4px 30px #0000001a}.detail-item.text h4{font-size:1.2rem;text-transform:uppercase;letter-spacing:.1em;opacity:.9;margin-bottom:1rem;color:#ffffffe6}.detail-item.text p{font-size:1.1rem;line-height:1.6;color:#ffffffb3;white-space:pre-wrap}.detail-item.text p a{color:#fffffff2;text-decoration:underline;text-decoration-color:#fff6;transition:all .2s ease}.detail-item.text p a:hover{color:#fff;text-decoration-color:#fffc}.detail-item.image{width:100%;border-radius:12px;overflow:hidden;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);display:flex;align-items:center;justify-content:center}.detail-item.image .detail-img{width:100%;height:auto;display:block;object-fit:cover;border-radius:12px}.detail-item.video{width:100%;border-radius:12px;overflow:hidden;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);display:flex;align-items:center;justify-content:center}.detail-item.video .detail-video{width:100%;height:auto;display:block;border-radius:12px}.detail-header{margin-top:0;margin-bottom:2rem;text-align:left;border-bottom:1px solid rgba(255,255,255,.1);padding-bottom:2rem}.detail-header h2{font-size:2.5rem;line-height:1.1;margin-bottom:.5rem;background:linear-gradient(to right,#fff,#aaa);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-weight:600}.detail-subtitle{font-size:1.2rem;color:#fff9;text-transform:uppercase;letter-spacing:.1em}.detail-grid{display:grid;grid-template-columns:repeat(2,1fr);grid-template-rows:auto auto;gap:2rem 4rem;align-items:start}@media (max-width: 768px){.detail-header h2{font-size:2.5rem}.detail-grid{grid-template-columns:1fr;grid-template-rows:auto}}#skills{padding:4rem;display:flex;flex-direction:column}.skills-header{margin-bottom:6rem}.skills-header h2{font-size:5rem;line-height:.9;letter-spacing:-.03em}.skills-list{display:grid;grid-template-columns:repeat(3,1fr);gap:4rem;border-top:1px solid rgba(0,0,0,.1);padding-top:4rem}.skill-category h3{font-size:.9rem;text-transform:uppercase;margin-bottom:2rem;display:flex;align-items:center;font-weight:900;letter-spacing:.05em}.skill-category h3:before{content:"•";display:inline-block;margin-right:.5rem;font-size:1.5rem;line-height:0}.skill-category ul{list-style:none}.skill-category li{padding:1.2rem 0;border-bottom:1px solid rgba(0,0,0,.1);font-size:1.1rem;font-weight:400;color:#000000b3}#contact{background:#111;background-image:linear-gradient(rgba(255,255,255,.1) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.1) 1px,transparent 1px);background-size:100px 100px;background-position:center;color:#fff;padding:4rem 4rem 0;display:grid;grid-template-columns:1fr 1fr;gap:4rem;min-height:80vh;position:relative}.contact-left h2{font-size:5rem;margin-bottom:2rem}.contact-left p{opacity:.7;max-width:400px;margin-bottom:4rem}.info-item{margin-bottom:2rem}.info-item .label{display:block;font-size:.7rem;text-transform:uppercase;opacity:.5;margin-bottom:.5rem}.info-item a,.info-item span{font-size:1.5rem;color:#fff;text-decoration:none}.contact-form-wrapper{position:relative;background:#ffffff08;backdrop-filter:blur(3px) saturate(180%);-webkit-backdrop-filter:blur(6px) saturate(180%);padding:4rem;border-radius:30px;box-shadow:0 8px 32px #0003,inset 0 1px #ffffff1a;border:1px solid rgba(255,255,255,.15);overflow:hidden;transition:all .3s ease;transform-style:preserve-3d;will-change:transform}.contact-form-wrapper:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:radial-gradient(ellipse at center,transparent 30%,rgba(255,255,255,.03) 100%);pointer-events:none}.contact-form-wrapper .glow-layer{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:30px;pointer-events:none;z-index:0;opacity:0;transition:opacity .3s ease;background:radial-gradient(800px circle at var(--mouse-x) var(--mouse-y),rgba(255,255,255,.15),transparent 40%)}.contact-form-wrapper h3{position:relative;z-index:1;font-size:2.5rem;margin-bottom:3rem;font-weight:400;letter-spacing:-.02em}.form-group{position:relative;z-index:1;margin-bottom:2.5rem}.form-group label{display:block;font-size:.8rem;text-transform:uppercase;opacity:.6;margin-bottom:1rem;letter-spacing:.1em}.form-group input,.form-group textarea{width:100%;background:transparent;border:none;border-bottom:1px solid rgba(255,255,255,.2);padding:1rem 0;color:#fff;font-family:inherit;font-size:1.2rem;transition:border-color .3s}.form-group input:focus,.form-group textarea:focus{outline:none;border-bottom-color:#fff}#contact-form button{position:relative;z-index:1;background:#ffffff0d;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border:1px solid rgba(255,255,255,.2);color:#fff;padding:1rem 2.5rem;border-radius:999px;font-size:.85rem;font-weight:600;cursor:pointer;margin-top:2rem;transition:all .3s ease;text-transform:uppercase;letter-spacing:.15em;overflow:hidden;display:flex;justify-content:center;align-items:center;gap:.5rem;width:auto}#contact-form button:after{content:"→";font-size:1.2rem;opacity:.8;transition:transform .3s ease}#contact-form button:hover{background:#ffffff1a;border-color:#fff6}#contact-form button:hover:after{transform:translate(3px)}@property --wipe-radius{syntax: "<percentage>"; inherits: false; initial-value: 0%;}.form-content{position:relative;z-index:2;transition:opacity .5s ease,mask-image .5s ease,-webkit-mask-image .5s ease}.form-content.mask-active{mask-image:radial-gradient(circle at var(--click-x, 50%) var(--click-y, 50%),transparent var(--wipe-radius),black calc(var(--wipe-radius) + 50px));-webkit-mask-image:radial-gradient(circle at var(--click-x, 50%) var(--click-y, 50%),transparent var(--wipe-radius),black calc(var(--wipe-radius) + 50px));animation:wipeRadius 1.5s cubic-bezier(.25,1,.5,1) forwards}.success-message{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;z-index:1;opacity:0;pointer-events:none;transition:opacity .5s ease}.success-message.mask-active{opacity:1;pointer-events:auto;mask-image:radial-gradient(circle at var(--click-x, 50%) var(--click-y, 50%),black var(--wipe-radius),transparent calc(var(--wipe-radius) + 50px));-webkit-mask-image:radial-gradient(circle at var(--click-x, 50%) var(--click-y, 50%),black var(--wipe-radius),transparent calc(var(--wipe-radius) + 50px));animation:wipeRadius 1.5s cubic-bezier(.25,1,.5,1) forwards}@keyframes wipeRadius{0%{--wipe-radius: 0%}to{--wipe-radius: 250%}}.success-icon{margin-bottom:1rem;color:#fff;filter:drop-shadow(0 0 15px rgba(255,255,255,.6));opacity:0;transform:translateY(10px);transition:all .5s ease .3s}.success-message.mask-active .success-icon{opacity:1;transform:translateY(0)}.success-message h3{font-size:2rem;margin-bottom:.5rem}.success-message p{font-size:1rem;opacity:.7;max-width:80%}.success-wave{position:absolute;width:100px;height:100px;border-radius:50%;background:radial-gradient(circle,transparent 20%,rgba(255,255,255,.2) 50%,transparent 70%);pointer-events:none;z-index:5;transform:translate(-50%,-50%) scale(0);animation:expandRing 1.5s cubic-bezier(.25,1,.5,1) forwards;mix-blend-mode:screen}@keyframes expandRing{0%{transform:translate(-50%,-50%) scale(0);opacity:1}to{transform:translate(-50%,-50%) scale(40);opacity:0}}.ripple{position:absolute;border-radius:50%;background:#fff6;transform:scale(0);animation:ripple .6s linear;pointer-events:none}@keyframes ripple{to{transform:scale(4);opacity:0}}footer{grid-column:1 / -1;margin-top:4rem;margin-bottom:4rem;padding-top:4rem;display:flex;justify-content:space-between;align-items:center;color:#666;font-size:.8rem;text-transform:uppercase;letter-spacing:.05em}footer p{font-weight:500;opacity:.5}.socials a{color:#888;text-decoration:none;margin-left:2rem;transition:color .3s}.socials a:hover{color:#fff}@media (max-width: 768px){h1{font-size:clamp(1.5rem,7vw,3.5rem)!important;white-space:nowrap;width:auto;max-width:100%;text-align:center;margin:0 auto;padding:0;box-sizing:border-box;overflow:hidden}#hero{padding-left:1.5rem;padding-right:1.5rem}.hero-content{width:100%;max-width:100%;display:flex;flex-direction:column;align-items:center;overflow-x:hidden}h2{font-size:3rem!important;word-break:break-word;-webkit-hyphens:auto;hyphens:auto}.site-header{padding:1rem}.site-header nav{padding:.8rem 1.5rem;gap:1rem}.site-header a{font-size:.8rem}#work,#skills{padding:3rem 1.5rem;overflow:hidden}#contact{padding:3rem 1.5rem 0;grid-template-columns:1fr;gap:2rem}.projects-grid{grid-template-columns:1fr;gap:2rem}.project-card{width:100%;margin:0 auto;aspect-ratio:3/5;min-height:auto}.card-tags{flex-wrap:wrap-reverse;align-content:flex-end}.card-tag{font-size:.7rem;padding:.3rem .6rem}.back-content{position:relative;left:1.5rem;right:1.5rem;width:calc(100% - 3rem)}.back-content h3{font-size:2.1rem;word-break:break-word;-webkit-hyphens:auto;hyphens:auto}.project-card.expanded{border-radius:12px;margin:0}.close-btn{position:absolute;top:1rem;left:1rem;width:40px;height:40px;background:#0000004d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:50%;display:flex;align-items:center;justify-content:center;z-index:1000;cursor:pointer;border:1px solid rgba(255,255,255,.2);color:#fff;font-size:1.5rem;opacity:.7}.detail-header h2{font-size:2rem!important}.detail-grid{grid-template-columns:1fr;gap:1.2rem}.detail-row{flex-direction:column;gap:.8rem}.detail-item{width:100%}.skills-list{grid-template-columns:1fr;gap:3rem}.skill-category{width:100%}.skill-tag{font-size:.9rem;padding:.6rem 1.2rem}.contact-form-wrapper{padding:1.5rem;transform:none!important}#contact-form h3{font-size:2rem}#contact-form button{width:100%;justify-content:center;padding:1.2rem 2.5rem}footer{flex-direction:column;gap:1.5rem;text-align:center;margin-top:3rem;padding-top:3rem}.socials{display:flex;flex-wrap:wrap;justify-content:center;gap:1rem}.socials a{margin-left:0}}@media (max-width: 380px){h1{font-size:15vw!important}h2{font-size:2.5rem!important}.site-header nav{padding:.6rem 1rem;gap:.8rem}#work,#skills,#contact{padding:2rem 1rem}.project-card{max-width:100%}}.custom-video-player.apple-style{position:relative;width:100%;height:100%;overflow:hidden;border-radius:12px;background:#000;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;transform:translateZ(0);-webkit-transform:translateZ(0)}.video-element{width:100%;height:100%;display:block;object-fit:cover}.glass-pill-panel{background:#14141480;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-radius:999px;border:1px solid rgba(255,255,255,.1);box-shadow:0 4px 24px #0003;display:flex;align-items:center;padding:.5rem 1rem;transition:opacity .2s ease;will-change:opacity}.glass-circle-btn{background:#14141466;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-radius:50%;border:1px solid rgba(255,255,255,.15);box-shadow:0 8px 32px #0000004d;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:transform .2s ease,background-color .2s ease,opacity .2s ease;width:44px;height:44px;padding:0;position:relative;will-change:transform}.glass-circle-btn:hover{background:#3c3c3c99;transform:scale(1.05)}.glass-circle-btn:active{transform:scale(.95)}.glass-circle-btn svg{width:20px;height:20px}.video-volume-controls{position:absolute;top:1.5rem;right:1.5rem;z-index:10;gap:.8rem;opacity:0;transition:opacity .2s ease;will-change:opacity}.mute-btn-apple{background:none;border:none;color:#fff;cursor:pointer;padding:0;display:flex;align-items:center;opacity:.9}.mute-btn-apple svg{width:20px;height:20px}.volume-container-apple{position:relative;width:80px;height:4px;display:flex;align-items:center;padding:0;margin:0}.volume-track-apple{position:absolute;top:0;left:0;width:100%;height:100%;background:#fff3;border-radius:2px;overflow:hidden;pointer-events:none}.volume-fill-apple{position:absolute;top:0;left:0;height:100%;width:0%;background:#fff;border-radius:2px;pointer-events:none;will-change:width}.volume-slider-apple{position:absolute;top:50%;left:0;transform:translateY(-50%);width:100%;height:20px;opacity:0;cursor:pointer;margin:0;padding:0;z-index:10;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;border:none}.volume-slider-apple::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:0;height:0;opacity:0}.volume-slider-apple::-moz-range-thumb{width:0;height:0;opacity:0;border:none}.video-bottom-controls{position:absolute;bottom:1.5rem;left:1.5rem;right:1.5rem;z-index:10;gap:1rem;opacity:0;transition:opacity .2s ease;will-change:opacity}.play-pause-small-btn{background:none;border:none;color:#fff;cursor:pointer;padding:0;display:flex;align-items:center;justify-content:center;width:24px;height:24px;margin-right:.2rem}.play-pause-small-btn svg{width:20px;height:20px;filter:drop-shadow(0 1px 2px rgba(0,0,0,.3))}.time-current,.time-remaining{font-size:.75rem;font-weight:500;color:#ffffffe6;font-variant-numeric:tabular-nums;min-width:35px}.time-remaining{text-align:right}.progress-container-apple{flex:1;height:20px;display:flex;align-items:center;cursor:pointer}.progress-bar-apple{width:100%;height:5px;background:#ffffff4d;border-radius:3px;position:relative;overflow:hidden}.progress-filled-apple{width:0;height:100%;background:#fff;position:absolute;top:0;left:0;border-radius:3px}.custom-video-player.apple-style:hover .video-volume-controls,.custom-video-player.apple-style:hover .video-bottom-controls{opacity:1}.custom-video-player.apple-style.paused .video-volume-controls,.custom-video-player.apple-style.paused .video-bottom-controls{opacity:1!important}#loader-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#111;z-index:9999;display:flex;align-items:flex-end;justify-content:center;padding-bottom:10vh;transition:opacity .8s ease-out,visibility .8s ease-out}#loader-overlay.hidden{opacity:0;visibility:hidden;pointer-events:none}body.loading-mode{overflow:hidden}body.loading-mode #hero-canvas{position:fixed;top:0;left:0;z-index:10000}body.loading-mode .loader-content{position:relative;z-index:10001}.loader-content{width:300px;max-width:80%}.loader-progress-container{width:100%;height:2px;background:#ffffff1a;border-radius:2px;overflow:hidden}.loader-progress-bar{width:0%;height:100%;background:#fff;transition:width .1s linear}