:root{--bg-dark: #050505;--bg-accent: #0f0f0f;--text-primary: #ffffff;--text-secondary: rgba(255, 255, 255, .658);--accent-color: #3b82f6;--glass-bg: rgba(255, 255, 255, .02);--glass-border: rgba(255, 255, 255, .06);--selection-bg: rgba(59, 130, 246, .3)}*{margin:0;padding:0;box-sizing:border-box;-webkit-font-smoothing:antialiased}body{font-family:Inter,system-ui,-apple-system,sans-serif;color:var(--text-primary);overflow-x:hidden;height:calc(500vh + 40px);background-color:#050505;background:radial-gradient(circle at 50% 50%,#1a1a1a,#050505)}body.no-scroll{overflow:hidden}#bg-canvas{position:fixed;top:0;left:0;width:100%;height:100vh;z-index:1;pointer-events:all}main{position:relative;z-index:2}.v-section{position:relative;min-height:100vh;min-height:100dvh;width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:4rem;pointer-events:none}.v-section .content{opacity:0;transform:translateY(30px) scale(.98);transition:opacity 1.2s cubic-bezier(.23,1,.32,1),transform 1.2s cubic-bezier(.23,1,.32,1);pointer-events:all;max-width:900px}.v-section.active .content{opacity:1;transform:translateY(0) scale(1)}#videos{align-items:flex-end}#videos .content{text-align:right;margin-right:5vw}#about{justify-content:flex-end;align-items:flex-start;padding-bottom:8rem}#about .content{text-align:left;margin-left:5vw}h1{font-size:clamp(3rem,10vw,7rem);font-weight:900;letter-spacing:-.05em;line-height:.9;margin-bottom:1.5rem;background:linear-gradient(180deg,#fff 30%,#fff6);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}h2{font-size:clamp(2.5rem,6vw,4rem);font-weight:800;letter-spacing:-.03em;margin-bottom:1rem;background:linear-gradient(180deg,#fff 40%,#ffffff80);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}p{font-size:clamp(1rem,2vw,1.35rem);color:var(--text-secondary);line-height:1.6;font-weight:300;max-width:600px;margin:0 auto}.glass-card{background:var(--glass-bg);backdrop-filter:blur(24px) saturate(180%);-webkit-backdrop-filter:blur(24px) saturate(180%);border:1px solid var(--glass-border);padding:2.5rem;border-radius:1.5rem;box-shadow:0 20px 40px #0000004d;transition:all .5s cubic-bezier(.23,1,.32,1);position:relative;overflow:hidden}.glass-card:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent)}.glass-card:hover{transform:translateY(-10px) scale(1.02);border-color:#ffffff26;background:#ffffff0a}.card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin-top:3rem;width:100%}.gallery-placeholder{display:flex;flex-wrap:wrap;gap:1.5rem;justify-content:center;margin-top:3rem;width:100%}.cta-button{display:inline-block;margin-top:3rem;padding:1.2rem 3rem;background:#fff;color:#000;text-decoration:none;font-weight:700;font-size:1.1rem;border-radius:4rem;transition:all .4s cubic-bezier(.23,1,.32,1);box-shadow:0 10px 30px #ffffff1a}.cta-button:hover{background:#f0f0f0;transform:translateY(-3px) scale(1.05);box-shadow:0 15px 40px #fff3}.scroll-indicator{position:absolute;bottom:3rem;left:50%;transform:translate(-50%);font-size:.8rem;letter-spacing:.3em;text-transform:uppercase;color:var(--text-secondary);animation:indicatorFade 3s infinite}@keyframes indicatorFade{0%,to{opacity:.2;transform:translate(-50%)}50%{opacity:.8;transform:translate(-50%,10px)}}.split-layout{display:flex;flex-direction:row;align-items:center;gap:4rem;max-width:1000px;width:100%}.about-text{flex:1}.about-text p{margin-bottom:1rem;font-size:1.1rem}.about-image{flex:0 0 40%}.about-image img{width:100%;border-radius:1rem;box-shadow:0 20px 40px #00000080;border:1px solid rgba(255,255,255,.1);opacity:.9;transition:transform .5s ease}.about-image img:hover{transform:scale(1.02)}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100vh;height:100dvh;background:#050505cc;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);z-index:10000;display:flex;justify-content:center;align-items:flex-start;overflow-y:auto;padding:6rem 2rem 2rem;opacity:0;pointer-events:none;transition:opacity .5s cubic-bezier(.23,1,.32,1)}@media(max-width:720px){.modal-overlay{padding:4rem 1rem 1rem}}.modal-overlay.active{opacity:1;pointer-events:all}.close-btn{position:fixed;top:2rem;right:3rem;background:none;border:none;color:#fff;font-size:3rem;cursor:pointer;z-index:10001;transition:transform .3s ease}.close-btn:hover{transform:scale(1.2) rotate(90deg)}.modal-content{display:none;width:100%;max-width:1080px;animation:slideUp .6s cubic-bezier(.23,1,.32,1) forwards}.modal-content.active{display:block}@keyframes slideUp{0%{opacity:0;transform:translateY(50px)}to{opacity:1;transform:translateY(0)}}.project-list{display:flex;flex-direction:column;gap:.5rem;margin-top:2rem;width:100%}.project-item{background:#ffffff05;border:1px solid rgba(255,255,255,.05);border-radius:.5rem;overflow:hidden;transition:background .3s ease,border-color .3s ease}.project-item:hover{background:#ffffff0a;border-color:#ffffff1a}.project-item.expanded{background:#ffffff0d;border-color:var(--accent-color)}.project-header{height:45px;display:flex;align-items:center;padding:0 1rem;cursor:pointer;gap:1rem}.dropdown-arrow{font-size:.8rem;transition:transform .3s ease;color:var(--text-secondary);width:20px;text-align:center}.project-item.expanded .dropdown-arrow{transform:rotate(90deg);color:var(--accent-color)}.list-thumbnail{width:32px;height:32px;border-radius:.25rem;overflow:hidden;background:#000;flex-shrink:0}.list-thumbnail img,.list-thumbnail video{width:100%;height:100%;object-fit:cover}.list-title{font-size:1rem;font-weight:500;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.project-dropdown{max-height:0;overflow:hidden;transition:max-height .5s cubic-bezier(.23,1,.32,1),opacity .3s ease;opacity:0;border-top:1px solid transparent}.project-item.expanded .project-dropdown{max-height:2000px;opacity:1;border-top-color:#ffffff0d;padding:1.5rem}.dropdown-grid{display:grid;grid-template-columns:1.2fr 1.3fr;gap:2rem}.dropdown-info{display:flex;flex-direction:column;gap:1rem}.dropdown-info h4{font-size:1.25rem;font-weight:700;color:var(--text-primary)}.dropdown-info p{font-size:1rem;line-height:1.6;margin:0;font-weight:500;text-align:left}.dropdown-media{border-radius:.5rem;overflow:hidden;background:#000;height:320px;position:relative}.dropdown-media .detail-hero{padding-bottom:0}.dropdown-media .detail-hero video,.dropdown-media .detail-hero img{height:320px;max-height:none;width:auto}.dropdown-media .gallery-nav{bottom:0}.lazy-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:var(--text-secondary);font-size:.9rem;font-style:italic;background:#ffffff0d}@media(max-width:768px){.dropdown-grid{display:flex;flex-direction:column-reverse;gap:1.5rem}.dropdown-media{height:250px}}.hidden{display:none!important}#post-detail-view{position:relative}#back-to-gallery{margin-bottom:2rem;padding:.8rem 1.5rem;font-size:1rem}.detail-container{background:#ffffff05;border:1px solid rgba(255,255,255,.05);border-radius:1rem;padding:2.5rem;display:flex;flex-direction:column;gap:2rem;max-width:1000px;margin:0 auto;text-align:left}.detail-hero{width:100%;border-radius:.5rem;box-shadow:0 10px 30px #00000080;display:flex;flex-direction:row;gap:1rem;overflow-x:auto;overflow-y:hidden;scroll-behavior:smooth;scroll-snap-type:x mandatory;padding-bottom:8px}.detail-hero::-webkit-scrollbar{height:8px}.detail-hero::-webkit-scrollbar-track{background:#ffffff08;border-radius:4px}.detail-hero::-webkit-scrollbar-thumb{background:#ffffff4d;border-radius:4px}.detail-hero video,.detail-hero img{height:60vh;max-height:700px;width:auto;object-fit:contain;flex-shrink:0;scroll-snap-align:start;border-radius:.5rem;background:#0003}.gallery-nav{position:absolute;top:0;bottom:12px;width:30px;background:#00000080;color:#fff;border:none;font-size:2rem;padding:0;cursor:pointer;z-index:10;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);transition:background .3s;display:flex;align-items:center;justify-content:center}.gallery-nav:hover{background:#000c}.gallery-nav.prev{left:0;border-top-left-radius:.5rem;border-bottom-left-radius:.5rem}.gallery-nav.next{right:0;border-top-right-radius:.5rem;border-bottom-right-radius:.5rem}.detail-title{font-size:3rem;font-weight:900;margin-bottom:1rem}.detail-body{font-size:1.2rem;line-height:1.8;color:#fffc;text-align:left}.detail-body p{max-width:100%;margin:0}.site-footer{height:40px;width:100%;background:#00000080;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;gap:1.5rem;color:var(--text-secondary);font-size:.8rem;border-top:1px solid var(--glass-border);position:relative;z-index:10}.site-footer a{color:var(--text-secondary);text-decoration:none;transition:color .3s ease}.site-footer a:hover{color:#fff}.protected-data{display:inline-block;direction:rtl;unicode-bidi:bidi-override;-webkit-user-select:none;user-select:none;pointer-events:none;font-family:monospace}.legal-modal-content{text-align:left;background:var(--glass-bg);padding:3rem;border-radius:1.5rem;border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.legal-text h3{margin:2rem 0 1rem;color:#fff}.legal-text p{margin-bottom:1.5rem;max-width:100%;text-align:left}@media(max-width:768px){.v-section{padding:2rem}h1{font-size:4rem}.split-layout{flex-direction:column-reverse;gap:2rem}.about-text{background:#0009;padding:2rem;border-radius:1rem;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1)}.about-image{flex:0 0 auto;width:80%}.gallery-grid,.card-grid{grid-template-columns:1fr}.site-footer{flex-direction:column;height:auto;padding:1rem;gap:.5rem}.close-btn{top:1rem;right:1.5rem;font-size:2.2rem;background:#00000080;height:40px;width:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}@media(max-width:430px){.v-section{padding:2rem 1.5rem}h2{font-size:2.2rem}.modal-overlay{padding:5rem 1rem 2rem}.cta-button{padding:1rem 2rem;font-size:1rem}}}