@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Playfair+Display:ital,wght@0,400;0,700;0,900;1,400;1,700&display=swap";:root{--primary:#e6c487;--primary-container:#c9a96e;--surface:#131313;--surface-dim:#0e0e0e;--on-surface:#e5e2e1;--on-surface-variant:#d0c5b5;--outline-variant:#ffffff26;--radius-md:12px;--radius-lg:16px;--transition-cinematic:.8s cubic-bezier(.165, .84, .44, 1);--font-serif:"Playfair Display", serif}.cinematic-logo{color:#fff;text-transform:uppercase;letter-spacing:4px;background:linear-gradient(135deg, #fff 0%, var(--primary) 100%);-webkit-text-fill-color:transparent;text-shadow:0 4px 20px #e6c48766;-webkit-background-clip:text;background-clip:text;margin:-.1em 0;padding:.1em 0;font-family:Inter,sans-serif;font-size:2rem;font-weight:700;display:inline-block;position:relative}.section{padding:50px 0;position:relative;overflow:hidden}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;background-color:var(--surface)}body.home-page,body.archive-page,body.about-page,body.contact-page{background-color:#0000!important}body{background-color:var(--surface);color:var(--on-surface);-webkit-font-smoothing:antialiased;font-family:Inter,sans-serif;line-height:1.6;overflow-x:hidden}body.home-page,body.archive-page,body.about-page,body.contact-page{background-image:url(/home6.jpg);background-position:50%;background-repeat:no-repeat;background-size:cover;background-attachment:fixed}body.home-page:after,body.archive-page:after,body.about-page:after,body.contact-page:after{content:"";z-index:-2;pointer-events:none;background-color:#000000d9;position:fixed;inset:0}body.home-page:before,body.about-page:before,body.contact-page:before{content:"";z-index:-5;pointer-events:none;background:radial-gradient(circle,#0000 0%,#00000080 100%);position:fixed;inset:0}body.archive-page:before{content:"";z-index:-5;pointer-events:none;background:radial-gradient(circle,#0003 0%,#000c 100%);position:fixed;inset:0}#video-bg-container{display:none}.glass-panel{border-radius:var(--radius-lg);transition:all .4s cubic-bezier(.165,.84,.44,1);box-shadow:0 20px 50px #0009,inset 0 1px #fff3;-webkit-backdrop-filter:blur(12px)saturate(180%)!important;background:#ffffff1a!important;border:1px solid #fff3!important}.glass-panel:hover{background:#ffffff0f;border-color:#ffffff4d}.surface-elevated{background-color:#201f1f;border:none}h1,h2,h3{color:var(--primary);letter-spacing:-.02em;text-shadow:0 4px 20px #0009;font-weight:600}.display-lg{letter-spacing:-.04em;margin-bottom:20px;font-size:4.5rem;font-weight:700;line-height:1.2}.display-md{letter-spacing:-.02em;font-size:2.8rem;line-height:1.2}.label-sm{text-transform:uppercase;letter-spacing:.15em;color:var(--primary);opacity:.7;font-size:.65rem;font-weight:800}#hero:after{content:"";pointer-events:none;z-index:-1;background:radial-gradient(circle at 20%,#e6c4870d 0%,#0000 50%);width:100%;height:100%;position:absolute;top:0;left:0}.body-md{color:var(--on-surface-variant);text-shadow:0 2px 10px #000c;opacity:.9;font-size:1rem;font-weight:400;line-height:1.8}.narrative-text{text-align:justify;text-indent:1.5em;-webkit-hyphens:auto;hyphens:auto}@media (width<=480px){.narrative-text{text-indent:1em}}.btn-primary{background:linear-gradient(135deg, var(--primary) 0%, var(--primary-container) 100%);color:#412d00;border-radius:var(--radius-md);cursor:pointer;transition:var(--transition-cinematic);border:none;padding:14px 32px;font-weight:600;text-decoration:none;display:inline-block}.btn-primary:hover{transform:translateY(-2px)scale(1.02);box-shadow:0 10px 20px #e4c28533}.btn-glass{-webkit-backdrop-filter:blur(15px);color:#fff;border-radius:var(--radius-md);cursor:pointer;letter-spacing:1.5px;text-transform:uppercase;background:#ffffff0d;border:1px solid #ffffff26;justify-content:center;align-items:center;padding:14px 32px;font-size:14px;font-weight:600;text-decoration:none;transition:all .5s cubic-bezier(.165,.84,.44,1);display:inline-flex;position:relative;overflow:hidden;box-shadow:0 4px 15px #0003}.btn-glass:before{content:"";background:linear-gradient(90deg,#0000,#ffffff1a,#0000);width:100%;height:100%;transition:all .6s;position:absolute;top:0;left:-100%}.btn-glass:hover{border-color:var(--primary);color:var(--primary);background:#ffffff1f;transform:translateY(-3px)scale(1.02);box-shadow:0 10px 25px #0006,0 0 15px #e6c48733}.btn-glass:hover:before{left:100%}.btn-glass:active{transform:translateY(-1px)scale(.98)}.reveal{opacity:0;transition:opacity 1.2s cubic-bezier(.165,.84,.44,1),transform 1.2s cubic-bezier(.165,.84,.44,1);transform:translateY(20px)}.reveal.active{opacity:1;transform:translateY(0)}.typewriter-cursor{color:#e6c487b3;margin-left:2px;font-weight:300;animation:.8s step-end infinite blink;display:inline-block}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}input[type=text],input[type=email],input[type=tel],input[type=url],input[type=number],textarea{border-radius:var(--radius-md);color:#fff;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#ffffff08;border:1px solid #ffffff1a;width:100%;margin-bottom:20px;padding:16px 20px;font-family:inherit;font-size:14px;transition:all .3s cubic-bezier(.165,.84,.44,1)}textarea{resize:vertical;min-height:150px}input:focus,textarea:focus{border-color:var(--primary);background:#ffffff0f;outline:none;box-shadow:0 0 30px #e4c28526}::placeholder{color:var(--on-surface-variant);opacity:.4;letter-spacing:.5px}.container{max-width:1400px;margin:0 auto;padding:0 40px}.floating-navbar{z-index:1000;justify-content:center;align-items:center;gap:30px;width:auto;min-width:300px;max-width:90%;padding:10px 30px;display:flex;position:fixed;top:20px;left:50%;transform:translate(-50%)}.floating-navbar.glass-panel{box-shadow:0 15px 35px #00000080,inset 0 1px #ffffff0d;-webkit-backdrop-filter:blur(25px)saturate(180%)!important;backdrop-filter:blur(25px)saturate(180%)!important;background:#00000080!important;border-color:#ffffff1a!important}.navbar-link{color:var(--on-surface);transition:var(--transition-cinematic);opacity:.7;font-size:13px;font-weight:500;text-decoration:none}.navbar-link:hover,.navbar-link.active{opacity:1;color:var(--primary)}.wide-grid{grid-template-columns:repeat(2,1fr);gap:30px;display:grid}.project-card-wide{border-radius:var(--radius-lg);background:var(--surface-dim);aspect-ratio:16/9;position:relative;overflow:hidden}.card-image{object-fit:cover;width:100%;height:100%;transition:transform 1.5s cubic-bezier(.165,.84,.44,1)}.project-card-wide:hover .card-image{transform:scale(1.05)}.card-overlay{opacity:0;width:100%;height:100%;transition:var(--transition-cinematic);background:linear-gradient(#0000 40%,#000c 100%);flex-direction:column;justify-content:flex-end;padding:30px;display:flex;position:absolute;top:0;left:0}.project-card-wide:hover .card-overlay{opacity:1}.masonry-grid{grid-template-columns:repeat(auto-fit,minmax(350px,1fr));align-items:start;gap:30px;display:grid}.photo-item{border-radius:var(--radius-lg);border:1px solid var(--outline-variant);width:100%;transition:var(--transition-cinematic);position:relative;overflow:hidden}.photo-item img{width:100%;transition:transform 1s;display:block}.photo-item:hover img{transform:scale(1.05)}.filter-bar{border-radius:50px;width:fit-content;padding:5px;display:flex}.filter-btn{color:var(--on-surface-variant);cursor:pointer;transition:var(--transition-cinematic);letter-spacing:1px;background:0 0;border:none;border-radius:50px;padding:10px 25px;font-size:11px;font-weight:600}.filter-btn.active{background:var(--primary);color:#412d00}.filter-btn:hover:not(.active){color:#fff;background:#ffffff0d}.modal-overlay{z-index:2000;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000000f2;justify-content:center;align-items:center;width:100%;height:100%;display:none;position:fixed;top:0;left:0}.modal-overlay.active{display:flex}.modal-container{aspect-ratio:16/9;background:#000;border-radius:12px;width:90%;max-width:1200px;position:relative;box-shadow:0 0 50px #00000080}#video-container{border-radius:12px;width:100%;height:100%;overflow:hidden}.modal-close{top:calc(24px + env(safe-area-inset-top));right:calc(30px + env(safe-area-inset-right));-webkit-backdrop-filter:blur(16px)saturate(180%);color:#ffffffe6;cursor:pointer;z-index:2100;-webkit-user-select:none;user-select:none;background:#0f0f0fbf;border:1px solid #fff3;border-radius:50%;justify-content:center;align-items:center;width:46px;height:46px;font-size:26px;font-weight:300;line-height:1;transition:all .3s cubic-bezier(.16,1,.3,1);display:flex;position:fixed;box-shadow:0 8px 24px #00000080,inset 0 1px #fff3}.modal-close:hover{color:#fff;border-color:var(--primary,#c9a96e);background:#c9a96e40;transform:scale(1.08)rotate(90deg);box-shadow:0 0 24px #c9a96e80,inset 0 1px #ffffff4d}.modal-close:active{transform:scale(.92)rotate(90deg)}@media (width<=768px){.modal-close,#video-modal .modal-close{top:calc(16px + env(safe-area-inset-top));right:calc(16px + env(safe-area-inset-right));width:40px;height:40px;font-size:22px}}@media (width<=992px){.wide-grid{grid-template-columns:1fr}.display-lg{font-size:2.5rem}}.gallery-scroll{scrollbar-width:thin;scrollbar-color:var(--primary) transparent}.gallery-scroll::-webkit-scrollbar{height:4px}.gallery-scroll::-webkit-scrollbar-track{background:#ffffff0d}.gallery-scroll::-webkit-scrollbar-thumb{background:var(--primary);border-radius:10px}.photo-item:hover .photo-info-overlay{opacity:1!important;transform:translateY(0)!important}.photo-gallery-container{flex-direction:column;padding:0;display:flex}@media (width<=768px){.gallery-scroll img{width:100%;max-height:70vh;height:auto!important}}.photo-viewer-overlay{z-index:5000;opacity:0;-webkit-backdrop-filter:none;backdrop-filter:none;background:#000;justify-content:center;align-items:center;width:100%;height:100%;transition:opacity .4s cubic-bezier(.165,.84,.44,1);display:none;position:fixed;top:0;left:0}.photo-viewer-overlay.active{opacity:1;display:flex}.viewer-content{justify-content:center;align-items:center;width:100%;height:100%;padding:40px;display:flex;position:relative;overflow:hidden}.viewer-image{object-fit:contain;-webkit-user-select:none;user-select:none;max-width:100%;max-height:100%;transition:transform .4s cubic-bezier(.165,.84,.44,1),opacity .3s}.viewer-nav{color:#fff;cursor:pointer;z-index:5001;background:#ffffff0d;border:none;border-radius:50%;justify-content:center;align-items:center;width:64px;height:64px;font-size:20px;transition:all .3s;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.viewer-nav:hover{background:#ffffff26;transform:translateY(-50%)scale(1.1)}.viewer-nav.prev{left:30px}.viewer-nav.next{right:30px}.viewer-close{color:#fff;cursor:pointer;z-index:5100;background:#ffffff0d;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;font-size:28px;transition:all .3s;display:flex;position:absolute;top:30px;right:30px}.viewer-close:hover{background:#ffffff26;transform:rotate(90deg)}.viewer-counter{color:#fff9;font-family:var(--font-primary);letter-spacing:2px;font-size:13px;font-weight:300;position:absolute;top:40px;left:40px}.upload-container.drag-active{border-color:var(--primary);background:rgba(var(--primary-rgb), .1);transform:scale(1.02);box-shadow:0 0 20px #d4af374d}.gallery-grid.drag-active{border:2px dashed var(--primary);background:#ffffff0d;border-radius:8px}@media (width<=768px){.viewer-nav{background:#00000080;width:44px;height:44px}.viewer-nav.prev{left:10px}.viewer-nav.next{right:10px}.viewer-close{top:15px;right:15px}.viewer-counter{top:20px;left:20px}}@keyframes scrollFeed{0%{transform:translateY(0)}to{transform:translateY(-50%)}}.comment-track{will-change:transform;animation:25s linear infinite scrollFeed}.comment-track:hover{animation-play-state:paused}.social-comment-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--outline-variant);border-radius:var(--radius-md);background:#ffffff0d;padding:20px;transition:background .3s}.social-comment-card:hover{background:#ffffff14}.text-glow{position:relative}.cinematic-archive{background-color:#0000001a;flex-direction:column;height:100vh;padding-top:80px;display:flex;overflow:hidden}.archive-content{flex-direction:column;flex:1;width:100%;max-width:1800px;min-height:0;margin:0 auto;padding:0 60px 20px;display:flex}.archive-header-compact{text-align:left;margin-bottom:25px;animation:1s cubic-bezier(.165,.84,.44,1) slideInLeft}@keyframes slideInLeft{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}.archive-grid-scroll{scrollbar-width:thin;scrollbar-color:var(--primary) transparent;flex:1;min-height:0;padding-right:20px;overflow-y:auto}.archive-grid-scroll::-webkit-scrollbar{width:3px}.archive-grid-scroll::-webkit-scrollbar-thumb{background-color:var(--primary);border-radius:10px}.archive-grid-scroll::-webkit-scrollbar-track{background:0 0}.archive-grid-scroll .wide-grid{grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:25px;padding-bottom:60px}@media (width<=1100px){.archive-grid-scroll .wide-grid{grid-template-columns:1fr}.archive-content{padding:0 20px 20px}}.text-glow:before{content:"";z-index:-1;filter:blur(40px);background:radial-gradient(circle,#e6c4871a 0%,#0000 70%);width:100%;height:50%;position:absolute;top:50%;left:0;transform:translateY(-50%)}.bento-grid{grid-template-columns:repeat(3,1fr);grid-auto-rows:240px;gap:20px;margin-top:10px;margin-bottom:20px;display:grid}.bento-item{border-radius:var(--radius-lg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff05;border:1px solid #ffffff1a;transition:all .6s cubic-bezier(.165,.84,.44,1);position:relative;overflow:hidden}.bento-item.large{grid-area:span 2/span 2}.bento-item.wide{grid-column:span 2}.bento-item.tall{grid-row:span 2}.glass-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:var(--radius-lg);width:100%;height:100%;transition:all var(--transition-cinematic);background:#ffffff08;border:1px solid #ffffff1a;position:relative;overflow:hidden}.glass-card:hover{border-color:var(--primary);background:#ffffff14;transform:translateY(-5px)scale(1.02);box-shadow:0 15px 45px #0006,0 0 20px #e6c48733}.play-icon-glamor{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);opacity:0;z-index:5;background:#ffffff1a;border:1px solid #fff3;border-radius:50%;justify-content:center;align-items:center;width:70px;height:70px;transition:all .4s;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)scale(.8)}.play-icon-glamor:after{content:"";border-top:10px solid #0000;border-bottom:10px solid #0000;border-left:15px solid #fff;width:0;height:0;margin-left:5px}.glass-card:hover .play-icon-glamor{opacity:1;transform:translate(-50%,-50%)scale(1)}.frosted-caption{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);pointer-events:none;background:linear-gradient(#0000001a 0%,#000000e6 100%);border-top:1px solid #ffffff1a;justify-content:space-between;align-items:center;width:100%;padding:10px 25px;display:flex;position:absolute;bottom:0;left:0}.bento-item-img{object-fit:cover;z-index:1;width:100%;height:100%;transition:transform .8s cubic-bezier(.165,.84,.44,1);position:absolute;inset:0}.bento-item:hover .bento-item-img{transform:scale(1.08)}.bento-item-caption{z-index:10;flex:1}.bento-item-title{color:#fff;text-transform:uppercase;letter-spacing:1px;margin:0}.bento-item-meta{align-items:center;gap:8px;display:flex}.bento-item-tag{color:var(--primary);opacity:.8;letter-spacing:2px;font-size:10px}.bento-item-btn{pointer-events:all;background:0 0;border:1px solid #fff3;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;padding:0;transition:all .3s;display:flex}.bento-item-btn:hover{border-color:var(--primary);background:#ffffff1a;transform:scale(1.1)}.play-arrow{border-top:6px solid #0000;border-bottom:6px solid #0000;border-left:10px solid #fff;margin-left:4px}.view-photo-btn{color:#fff;background:#ffffff1a;border:1px solid #ffffff1a;border-radius:20px;flex-shrink:0;margin-left:10px;padding:5px 12px;font-size:9px;transition:all .3s}.bento-item:hover .view-photo-btn{background:var(--primary);color:#000;border-color:var(--primary)}.gallery-modal-container{background:#000000fa;border-radius:0;flex-direction:column;width:100%;max-width:100vw;height:100%;max-height:100vh;display:flex}.gallery-header.gallery-modal-header{z-index:100;background:linear-gradient(#000c,#0000);flex-shrink:0;justify-content:space-between;align-items:flex-start;padding:40px 60px 20px;display:flex}.gallery-modal-title{letter-spacing:2px;color:var(--primary);margin:0;font-size:1.8rem}.gallery-modal-counter{opacity:.6;margin-top:5px}.gallery-modal-close{cursor:pointer;color:#fff;font-size:2.5rem;transition:all .3s}.gallery-modal-close:hover{color:var(--primary);transform:rotate(90deg)}.gallery-modal-content{flex-grow:1;padding-bottom:200px;overflow-y:auto}@media (width<=768px){.gallery-header.gallery-modal-header{padding:20px 20px 10px}.gallery-modal-title{font-size:1.2rem}}.bento-item .project-title{transition:var(--transition-cinematic);margin:0;font-size:clamp(14px,1.5vw,1.1rem);line-height:1.2}.bento-item .summary-text{color:#fff9;-webkit-line-clamp:2;opacity:.8;-webkit-box-orient:vertical;margin:6px 0 0;font-size:clamp(10px,1.2vw,11px);font-weight:300;line-height:1.4;display:-webkit-box;overflow:hidden}.bento-item.large .project-title{font-size:clamp(20px,4vw,2.2rem)}.bento-item.large .summary-text{-webkit-line-clamp:3;font-size:clamp(13px,1.5vw,14px)}.bento-item.large .frosted-caption .label-sm{letter-spacing:4px!important;font-size:13px!important}@media (width<=768px){.bento-item.large .project-title{font-size:1.5rem!important}.bento-item .project-title{font-size:1.1rem}.frosted-caption{padding:15px 20px}}@media (width<=1024px){.bento-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){.bento-grid{grid-template-columns:1fr;grid-auto-rows:auto}.bento-item.large,.bento-item.wide,.bento-item.tall{grid-area:span 1/span 1}}.desktop-fixed-bounds{height:100vh;overflow:hidden}.hero-container{padding-top:80px}@media (width<=1100px){.hero-container{padding-top:120px}}.hero-grid{grid-template-columns:repeat(12,1fr);align-items:center;gap:60px;width:100%;display:grid}.hero-left{flex-direction:column;grid-column:1/span 6;gap:20px;display:flex}.hero-right{perspective:1000px;flex-direction:column;grid-column:7/span 6;gap:30px;display:flex;position:relative}.split-grid{grid-template-columns:1fr 1fr;gap:80px;display:grid;align-items:center!important}.contact-grid{text-align:left;grid-template-columns:1fr 1fr;gap:40px;margin-bottom:50px;display:grid}.feature-boxes{grid-template-columns:1fr 1fr;gap:20px;display:grid}.floating-navbar{z-index:1000;border-radius:50px;gap:20px;padding:15px 30px;display:flex;position:fixed;top:30px;left:50%;transform:translate(-50%)}.navbar-link{color:var(--on-surface);letter-spacing:2px;transition:var(--transition-cinematic);font-size:.85rem;font-weight:600;text-decoration:none}.navbar-link:hover,.navbar-link.active{color:var(--primary)}@media (width<=992px){.hero-grid,.split-grid{gap:40px}}@media (width<=768px){.hero-grid,.split-grid,.contact-grid,.feature-boxes{grid-template-columns:1fr!important}.hero-left,.hero-right{grid-column:1/-1!important}.hero-grid,.split-grid,.contact-grid{gap:30px}.feature-boxes{grid-template-columns:1fr!important}.display-lg{font-size:2.3rem!important}h1,.display-md{font-size:2rem!important}.section{padding:30px 0 0!important}#hero{min-height:100vh;height:auto!important;padding-top:120px!important}.floating-navbar{scrollbar-width:none;-ms-overflow-style:none;overflow-x:auto;border-radius:20px!important;flex-wrap:nowrap!important;justify-content:center!important;gap:8px!important;width:95%!important;padding:10px 12px!important;top:15px!important}.floating-navbar::-webkit-scrollbar{display:none}.navbar-link{letter-spacing:.5px!important;white-space:nowrap!important;padding:5px 6px!important;font-size:11px!important}.btn-primary,.btn-glass{text-align:center;width:100%;padding:12px 20px!important;font-size:12px!important}.hero-left>.glass-panel>div:last-child{flex-direction:column!important}.bento-item.normal{min-height:140px!important}.archive-header{flex-direction:column!important;align-items:flex-start!important;gap:10px!important;margin-bottom:10px!important}.archive-header h1{font-size:1.8rem!important}.archive-header .label-sm{letter-spacing:2px!important;font-size:.6rem!important}.filter-bar{-webkit-overflow-scrolling:touch;-ms-overflow-style:none;scrollbar-width:none;flex-wrap:nowrap;gap:8px;display:flex;overflow-x:auto;border-radius:20px!important;width:95%!important;margin:0 auto 20px!important;padding:6px 10px!important}.filter-bar::-webkit-scrollbar{display:none}.filter-btn{white-space:nowrap;text-align:center;flex:none;border-radius:15px!important;padding:6px 12px!important;font-size:9px!important}.contact-item a{word-break:break-all;overflow-wrap:break-word}#social-links-container{flex-wrap:wrap}.desktop-fixed-bounds{min-height:100vh;height:auto!important;overflow:visible!important}}.photo-masonry{grid-template-columns:repeat(3,1fr);grid-auto-flow:dense;align-items:start;gap:25px;width:100%;display:grid}@media (width<=1100px){.photo-masonry{grid-template-columns:repeat(2,1fr)}}@media (width<=600px){.photo-masonry{grid-template-columns:1fr}}.photo-masonry .bento-item{break-inside:avoid;width:100%;display:block;height:auto!important}.photo-masonry .bento-item img{aspect-ratio:auto;width:100%;display:block;height:auto!important;position:relative!important}.vertical-social-sidebar{z-index:100;flex-direction:column;align-items:center;gap:20px;display:flex;position:fixed;top:50%;left:30px;transform:translateY(-50%)}.vertical-text{writing-mode:vertical-rl;text-transform:uppercase;letter-spacing:4px;opacity:.4;color:#fff;margin-bottom:10px;font-size:10px;font-weight:600}.social-dot-line{background:linear-gradient(#0000,#fff3,#0000);width:1px;height:60px}.social-btn{color:#fff;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-size:1.2rem;text-decoration:none;transition:all .3s;display:inline-flex}.social-btn:hover{background:var(--primary);color:#000;transform:translateY(-5px);box-shadow:0 10px 20px #00000080}.social-btn svg{width:20px;height:20px}.social-btn.disabled{display:none}@media (width<=1024px){.vertical-social-sidebar{display:none}}.loader-overlay{background-color:var(--surface);z-index:999999;opacity:1;visibility:visible;justify-content:center;align-items:center;width:100%;height:100%;transition:opacity .9s cubic-bezier(.77,0,.175,1),visibility .9s cubic-bezier(.77,0,.175,1);display:flex;position:fixed;inset:0}.loader-overlay:before,.loader-overlay:after{content:"";background:linear-gradient(90deg, transparent, var(--primary), transparent);opacity:0;width:100%;height:4px;animation:2.5s cubic-bezier(.645,.045,.355,1) forwards loader-scanline;position:absolute;left:0}.loader-overlay:before{top:0}.loader-overlay:after{bottom:0;transform:scaleX(-1)}@keyframes loader-scanline{0%{opacity:0;transform:scaleX(0)}30%{opacity:1}to{opacity:.3;transform:scaleX(1)}}.loader-overlay.fade-out{opacity:0;visibility:hidden;pointer-events:none}.loader-content{flex-direction:column;align-items:center;gap:20px;animation:.6s cubic-bezier(.165,.84,.44,1) both loader-content-in;display:flex}@keyframes loader-content-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.loader-svg{width:340px;height:64px;overflow:visible}.loader-text{letter-spacing:14px;fill:#e6c48700;stroke:var(--primary);stroke-width:.6px;stroke-dasharray:1000;stroke-dashoffset:1000px;font-family:Inter,sans-serif;font-size:34px;font-weight:800;animation:2.5s cubic-bezier(.645,.045,.355,1) .3s forwards draw-text}@keyframes draw-text{0%{stroke-dashoffset:1000px;fill:#e6c48700;filter:drop-shadow(0 0 4px #e6c48700)}60%{fill:#e6c48700}85%{stroke-dashoffset:0;fill:#e6c487d9;filter:drop-shadow(0 0 18px #e6c487b3)}to{stroke-dashoffset:0;fill:#e6c487;filter:drop-shadow(0 0 10px #e6c48766)}}.loader-line{background:linear-gradient(90deg, transparent, var(--primary), transparent);opacity:0;width:60px;height:1px;animation:.8s cubic-bezier(.165,.84,.44,1) 1.8s forwards line-grow;transform:scaleX(0)}@keyframes line-grow{to{opacity:.6;transform:scaleX(1)}}.loader-dots{opacity:0;gap:6px;animation:.5s 2.2s forwards dots-in;display:flex}.loader-dots span{background:var(--primary);border-radius:50%;width:3px;height:3px;animation:1.2s ease-in-out infinite dot-pulse}.loader-dots span:nth-child(2){animation-delay:.2s}.loader-dots span:nth-child(3){animation-delay:.4s}@keyframes dots-in{to{opacity:.5}}@keyframes dot-pulse{0%,to{opacity:.4;transform:scale(1)}50%{opacity:1;transform:scale(1.6)}}.gallery-masonry{column-count:3;column-gap:12px;width:100%;padding:24px;display:block!important}.gallery-masonry .gallery-grid-item{break-inside:avoid;margin-bottom:12px;content-visibility:visible!important;contain-intrinsic-size:auto!important;will-change:auto!important;background:0 0!important;flex-grow:0!important;width:100%!important;height:auto!important;animation:none!important;display:inline-block!important;overflow:visible!important}.gallery-masonry .gallery-grid-item img{border-radius:8px;object-fit:contain!important;width:100%!important;min-width:0!important;max-width:100%!important;height:auto!important;display:block!important;position:static!important}@media (width<=1024px){.gallery-masonry{column-count:2}.gallery-masonry .gallery-grid-item{height:auto!important}}@media (width<=600px){.gallery-masonry{column-count:1}.gallery-masonry .gallery-grid-item{height:auto!important}}.gallery-grid{flex-wrap:wrap;gap:12px;padding:24px;display:flex}.gallery-grid-item{cursor:pointer;will-change:transform;content-visibility:auto;contain-intrinsic-size:1px 280px;background:linear-gradient(110deg,#ffffff08 8%,#ffffff14 18%,#ffffff08 33%) 0 0/200% 100%;border-radius:8px;flex-grow:1;height:280px;transition:transform .4s cubic-bezier(.165,.84,.44,1),filter .3s,box-shadow .3s;animation:1.5s linear infinite shimmer;position:relative;overflow:hidden}.gallery-grid-item.loaded{background:#ffffff0d;animation:none}.gallery-grid-item:hover{filter:brightness(1.1);z-index:10;transform:scale(1.02);box-shadow:0 10px 30px #00000080}.gallery-grid-item img{object-fit:cover;vertical-align:bottom;opacity:0;width:auto;min-width:100%;height:100%;transition:opacity .6s}.gallery-grid-item img.loaded{opacity:1}@media (width<=1024px){.gallery-grid-item{height:220px}}@media (width<=768px){.gallery-grid{gap:8px;padding:12px}.gallery-grid-item{height:180px}}@media (width<=480px){.gallery-grid-item{height:140px}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.viewer-image{will-change:transform, opacity}#about-photos-grid{grid-template-columns:repeat(2,1fr);grid-auto-rows:180px;grid-auto-flow:dense;gap:20px;width:100%;margin-top:0;display:grid}.about-collage-item{border-radius:var(--radius-lg);transition:var(--transition-cinematic);cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1a;position:relative;overflow:hidden;box-shadow:0 20px 50px #0006}.about-collage-item img{object-fit:cover;width:100%;height:100%;transition:transform .8s}.about-collage-item:hover{border-color:var(--primary);z-index:10;box-shadow:0 30px 60px #0009}.grid-wide{grid-area:span 1/span 2}.grid-tall{grid-area:span 2/span 1}.grid-lg{grid-area:span 2/span 2}.grid-square{grid-area:span 1/span 1}@media (width<=768px){#about-photos-grid{grid-template-columns:repeat(2,1fr);grid-auto-rows:minmax(130px,auto);gap:10px;width:100%;margin-top:30px;min-height:auto!important}.about-collage-item{border-radius:8px;width:100%!important;height:100%!important;transform:none!important}.grid-wide,.grid-lg{grid-column:span 2}}@media (width<=480px){#about-slogan{font-size:2.5rem!important}.about-page .split-grid{gap:30px}}.about-collage-item img{object-fit:cover;border-radius:8px;width:100%;height:100%;transition:transform .6s;display:block}.about-collage-item:hover{box-shadow:0 30px 60px #000c;z-index:100!important;transform:scale(1.05)rotate(0)!important}.about-collage-item:hover img{transform:scale(1.1)}.about-hero-section{align-items:center;min-height:100vh;padding-top:150px;display:flex}.about-content-panel{flex-direction:column;justify-content:center;gap:30px;display:flex}.about-hero-title{font-family:var(--font-serif);letter-spacing:-1px;font-weight:800;font-size:4.5rem!important;line-height:1.1!important}.stats-container{gap:40px;margin-top:20px;display:flex}.stats-box{border-radius:var(--radius-md);text-align:center;-webkit-backdrop-filter:blur(15px);background:#ffffff0d;border:1px solid #ffffff26;min-width:150px;padding:30px;box-shadow:0 10px 30px #0000004d}.stats-box h3{color:var(--primary);margin:0;font-size:3rem;font-weight:800;line-height:1}.glass-section{-webkit-backdrop-filter:blur(15px);background:#ffffff0d;border-top:1px solid #ffffff26;position:relative}.section-header{text-align:center;margin-bottom:60px}.section-title{font-family:var(--font-serif);letter-spacing:1px;margin-top:10px;font-size:3rem;font-weight:700}.skills-grid{grid-template-columns:repeat(2,1fr);gap:40px 60px;max-width:1000px;margin:0 auto;display:grid}.skill-item{-webkit-backdrop-filter:blur(15px);border-radius:var(--radius-lg);background:#ffffff0d;border:1px solid #ffffff26;flex-direction:column;gap:12px;padding:25px 30px;transition:all .4s;display:flex;box-shadow:0 10px 30px #0000004d}.skill-item:hover{border-color:var(--primary);background:#ffffff14;transform:translateY(-5px)}.skill-info{justify-content:space-between;align-items:center;display:flex}.skill-name{letter-spacing:2px;color:#ffffffb3;text-transform:uppercase;font-size:.85rem;font-weight:700}.skill-icon{filter:drop-shadow(0 0 5px var(--primary));font-size:1.2rem}.skill-percent{color:var(--primary);font-size:1.1rem;font-weight:800;font-family:var(--font-serif)}.skill-bar{background:#ffffff1a;border-radius:2px;height:4px;position:relative;overflow:hidden}.skill-progress{background:var(--primary);transform-origin:0;background:linear-gradient(90deg, var(--primary-container), var(--primary));border-radius:2px;height:100%;transition:transform 1.8s cubic-bezier(.19,1,.22,1);position:absolute;top:0;left:0;transform:scaleX(0);box-shadow:0 0 20px #e6c48780}.reveal.active .skill-progress{transform:scaleX(1)}.timeline-container{max-width:900px;margin:0 auto;padding:40px 0;position:relative}.timeline-list{position:relative}.timeline-list:before{content:"";opacity:.5;background:linear-gradient(#0000,#e6c48780,#0000);width:1px;position:absolute;top:0;bottom:0;left:50%;transform:translate(-50%)}.timeline-item{justify-content:flex-end;width:100%;margin-bottom:60px;padding-right:50%;display:flex;position:relative}.timeline-right{justify-content:flex-start;padding-left:50%;padding-right:0}.timeline-content{-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px);border-radius:var(--radius-lg);background:#ffffff0d;border:1px solid #ffffff26;width:85%;padding:35px;transition:all .5s cubic-bezier(.165,.84,.44,1);box-shadow:0 10px 30px #0000004d}.timeline-content:hover{background:#ffffff0a;border-color:#e6c4874d;transform:translateY(-5px)}.timeline-item:after{content:"";background:var(--primary);width:14px;height:14px;box-shadow:0 0 15px var(--primary);z-index:10;border:3px solid #000;border-radius:50%;position:absolute;top:30px;left:50%;transform:translate(-50%)}@keyframes pulse-gold{0%{box-shadow:0 0 #e6c48766}70%{box-shadow:0 0 0 15px #e6c48700}to{box-shadow:0 0 #e6c48700}}.reveal.active.timeline-item:after{animation:2s infinite pulse-gold}.timeline-left .timeline-content{text-align:right;margin-right:40px}.timeline-right .timeline-content{margin-left:40px}.timeline-date{color:var(--primary);letter-spacing:2px;margin-bottom:10px;font-size:.9rem;font-weight:800;display:block}.timeline-title{font-family:var(--font-serif);margin-bottom:15px;font-size:1.5rem;font-weight:700}.awards-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:30px;margin-top:50px;display:grid}.award-card{-webkit-backdrop-filter:blur(40px);backdrop-filter:blur(40px);border-radius:var(--radius-lg);text-align:center;transition:var(--transition-cinematic);background:#ffffff0d;border:1px solid #ffffff26;flex-direction:column;justify-content:center;align-items:center;padding:50px 35px;display:flex;position:relative;overflow:hidden;box-shadow:0 10px 30px #0000004d}.award-card:hover{border-color:var(--primary);background:#ffffff0d;transform:translateY(-12px);box-shadow:0 20px 40px #0006,0 0 20px #e6c4871a}.award-shine{pointer-events:none;background:linear-gradient(120deg,#0000,#ffffff1a,#0000);width:100%;height:100%;transition:all .8s;position:absolute;top:0;left:-150%}.award-card:hover .award-shine{left:150%}.award-icon{filter:drop-shadow(0 0 15px #e6c48766);transition:transform .6s var(--transition-cinematic);margin-bottom:25px;font-size:3.5rem;display:block}.award-card:hover .award-icon{transform:scale(1.1)rotate(5deg)}.award-title{font-family:var(--font-serif);color:#fff;letter-spacing:.5px;margin-bottom:12px;font-size:1.4rem;font-weight:700}.award-org{text-transform:uppercase;letter-spacing:2px;color:var(--primary);opacity:.8;font-size:.75rem;font-weight:600}.reveal{opacity:0;filter:blur(20px);transition:all 1.2s cubic-bezier(.165,.84,.44,1);transform:translateY(30px)}.reveal.active{opacity:1;filter:blur();transform:translateY(0)}.play-story-btn{cursor:pointer;color:#fff;background:0 0;border:none;align-items:center;gap:20px;padding:10px 0;transition:all .3s;display:flex}.play-circle{border:1px solid #ffffff4d;border-radius:50%;justify-content:center;align-items:center;width:60px;height:60px;transition:all .4s;display:flex;position:relative}.play-circle:before{content:"";border:1px solid var(--primary);opacity:0;border-radius:50%;transition:all .4s;position:absolute;inset:-5px;transform:scale(.8)}.play-story-btn:hover .play-circle{border-color:var(--primary);background:var(--primary);color:#000}.play-story-btn:hover .play-circle:before{opacity:.3;transform:scale(1.1)}.play-circle i{border:8px solid #0000;border-left:14px solid;border-right-width:0;width:0;height:0;margin-left:4px}.btn-label{letter-spacing:3px;color:#fff9;font-size:.85rem;font-weight:800;transition:all .3s}.play-story-btn:hover .btn-label{color:#fff;transform:translate(10px)}@media (width<=1024px){.about-hero-title{font-size:3rem!important}.awards-grid{grid-template-columns:repeat(2,1fr)}.skills-grid{grid-template-columns:1fr;gap:30px}}@media (width<=768px){.timeline-list:before{left:20px}.timeline-item{justify-content:flex-start;padding-left:50px;padding-right:0}.timeline-item:after{left:20px}.timeline-left .timeline-content,.timeline-right .timeline-content{text-align:left;width:100%;margin-left:0;margin-right:0}.section-title{font-size:2.2rem}.container{padding:0 20px}.about-hero-section{padding-top:100px!important}.stats-container{flex-wrap:wrap;gap:15px}.stats-box{flex:40%;min-width:auto;padding:20px}.stats-box h3{font-size:2.2rem}.awards-grid{grid-template-columns:1fr;gap:20px}}@media (width<=1024px){#social-links-footer{display:block!important}}@media (width<=768px){#video-grid.bento-grid{grid-template-columns:repeat(2,1fr)!important;gap:10px!important}#video-grid.bento-grid .bento-item{aspect-ratio:16/9;grid-area:span 1/span 1!important;height:auto!important;min-height:auto!important}#video-grid.bento-grid .bento-item .project-title{margin-bottom:2px!important;font-size:.65rem!important;line-height:1.1!important}#video-grid.bento-grid .bento-item .label-sm{letter-spacing:.5px!important;font-size:.5rem!important}#video-grid.bento-grid .bento-item .summary-text{display:none!important}#video-grid.bento-grid .bento-item .play-icon-glamor{transform:translate(-50%,-50%)scale(.4)!important}#video-grid.bento-grid .bento-item .frosted-caption{-webkit-backdrop-filter:blur(5px)!important;backdrop-filter:blur(5px)!important;padding:5px 8px!important}#video-grid.bento-grid .bento-item .play-btn{display:none!important}#social-links-footer{padding-bottom:20px!important}#social-links-footer .label-sm{margin-bottom:10px!important;font-size:10px!important}#social-links-footer #social-links-container{gap:10px!important}#social-links-footer .social-btn{width:30px!important;height:30px!important}#social-links-footer .social-btn svg{width:15px!important;height:15px!important}}@media (width<=480px){.archive-header h1{font-size:1.5rem!important}.archive-header .label-sm{font-size:.55rem!important}#social-links-footer{padding-bottom:calc(20px + env(safe-area-inset-bottom))!important}body{padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right)}#video-grid.bento-grid .bento-item .project-title,.photo-masonry .bento-item .project-title{font-size:.55rem!important}}