:root{--zzedd-red: #FF4444;--zzedd-cyan: #44DDFF;--zzedd-black: #000000;--zzedd-white: #FFFFFF;--zzedd-gray-light: #f8f9fa;--zzedd-gray-medium: #6b7280;--zzedd-gray-dark: #111827}*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%;overflow:hidden}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif;line-height:1.2;color:#000;background-color:#fff;font-weight:300}p{font-size:20px;font-family:Helvetica Neue,Helvetica,Arial,sans-serif}.homepage{display:flex;height:100vh;width:100vw}.sidebar-nav{width:320px;background:#fff;padding:12px 0 60px;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;border:none;height:100vh;position:fixed;top:0;left:0;z-index:999}.nav-projects{padding:0 60px}.sidebar-nav:has(.project-info) .nav-projects{padding:0 60px}.project-list{list-style:none}.project-item{margin-bottom:-8px}.project-link{text-decoration:none;color:#666;font-size:14px;font-weight:300;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;letter-spacing:0px;transition:all .25s ease-out;display:block;cursor:pointer;text-transform:uppercase;position:relative;padding:4px 0;line-height:24px}.project-link:hover{color:#eb4847;font-weight:400;letter-spacing:.03em}.project-link.active{color:var(--zzedd-cyan);font-weight:300;letter-spacing:.03em}.project-link:active{transform:scale(.98);transition:transform .1s ease-out}.nav-secondary{padding:80px 60px 0;margin-top:50px}.secondary-links{list-style:none}.secondary-links li{margin-bottom:-8px}.secondary-link{text-decoration:none;color:#666;font-size:14px;font-weight:300;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;letter-spacing:0px;transition:all .25s ease-out;cursor:pointer;text-transform:uppercase;position:relative;padding:4px 0;line-height:24px;display:block}.secondary-link:hover{color:#eb4847;font-weight:400;letter-spacing:.03em}.secondary-link.active{color:var(--zzedd-cyan);font-weight:300;letter-spacing:.03em}.secondary-link:active{transform:scale(.98);transition:transform .1s ease-out}.main-content{flex:1;display:flex;flex-direction:column;justify-content:flex-start;align-items:stretch;position:relative;padding:0;background-color:#fff;margin-left:180px;min-height:200px;min-width:200px;z-index:1}.main-content:before,.main-content:after{display:none}@keyframes logoSpinning{0%{transform:rotate(0) scale(1)}to{transform:rotate(360deg) scale(1)}}@keyframes logoFloating{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-8px) scale(1.02)}}@keyframes logoPulsing{0%,to{transform:scale(1);filter:brightness(1)}50%{transform:scale(1.05);filter:brightness(1.1)}}@keyframes logoAdvancedBreathing{0%,to{transform:scale(1) rotate(0);filter:brightness(1) contrast(1) saturate(1)}25%{transform:scale(1.03) rotate(.8deg);filter:brightness(1.1) contrast(1.1) saturate(1.05)}50%{transform:scale(1.05) rotate(1deg);filter:brightness(1.15) contrast(1.15) saturate(1.1)}75%{transform:scale(1.03) rotate(.8deg);filter:brightness(1.1) contrast(1.1) saturate(1.05)}}@keyframes logoBreathing{0%,to{transform:scale(1) rotate(0);filter:brightness(1)}50%{transform:scale(1.02) rotate(.5deg);filter:brightness(1.05)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes logoExplosiveEntry{0%{transform:translateY(100px) scale(.3) rotate(-45deg);filter:blur(8px) brightness(.3);opacity:0}60%{transform:translateY(-20px) scale(1.2) rotate(5deg);filter:blur(0px) brightness(1.4);opacity:1}to{transform:translateY(0) scale(1) rotate(0);filter:blur(0px) brightness(1);opacity:1}}@keyframes logoParticleEffect{0%{box-shadow:none}50%{box-shadow:none}to{box-shadow:none}}.top-left-logo{position:fixed;top:auto;bottom:120px;left:60px;z-index:1001;opacity:0;visibility:hidden;transition:all .3s ease}.top-left-logo.visible{opacity:1;visibility:visible}.top-logo-image{width:67.5px;height:67.5px;object-fit:contain;cursor:pointer;transition:all .25s ease-out;filter:brightness(1) saturate(1)}.top-left-logo:hover .top-logo-image{filter:brightness(1.2) saturate(1.3);transform:scale(1.05)}.top-left-logo:active .top-logo-image{transform:scale(.98);transition:transform .1s ease-out}.logo-container{text-align:center;margin:0;position:relative;z-index:2}.logo-container.hidden{opacity:0;visibility:hidden}.zzedd-logo{display:flex;align-items:center;justify-content:center;margin-bottom:40px}.logo-image{width:695px;height:674px;object-fit:contain;opacity:1}.tagline{font-size:48px;font-weight:300;color:#000;font-style:normal;font-family:Georgia,Times New Roman,Times,serif;letter-spacing:-.02em;margin:0}.project-viewer{position:absolute;top:0;left:120px;right:0;height:100vh;background:none!important;opacity:0;visibility:hidden;z-index:1000;border:none!important;min-height:100px;min-width:100px;position:relative;z-index:2}.project-viewer.active{opacity:1;visibility:visible}.viewer-placeholder{padding:0 40px 60px;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;border:none;margin:20px;border-radius:8px}.viewer-placeholder p{color:var(--zzedd-cyan);font-size:18px}.gaussian-iframe{width:100%;height:calc(100% - 80px);border:none}.project-viewer-header{padding:20px;border-bottom:1px solid #f0f0f0;display:flex;justify-content:space-between;align-items:center;background:#fff}.project-viewer-header h3{margin:0;color:var(--zzedd-black);font-size:18px;font-weight:600}.project-viewer-header p{margin:5px 0 0;color:var(--zzedd-cyan);font-size:14px}.viewer-close{background:none;border:none;font-size:24px;cursor:pointer;color:var(--zzedd-cyan);width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:6px;transition:all .2s ease}.viewer-close:hover{background-color:#f9fafb;color:var(--zzedd-red)}.modal{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:2000}.modal.hidden{display:none}.modal-content{background:#fff;border-radius:12px;width:90%;max-width:600px;max-height:80vh;overflow-y:auto;box-shadow:none}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:24px 32px;border-bottom:1px solid #e5e7eb}.modal-header h2{font-size:24px;font-weight:600;color:#111827}.modal-close{background:none;border:none;font-size:24px;color:#6b7280;cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:6px;transition:background-color .2s ease}.modal-close:hover{background-color:#f3f4f6;color:#111827}.modal-body{padding:32px}.modal-body h3{font-size:18px;font-weight:600;color:#111827;margin-bottom:16px;margin-top:24px}.modal-body h3:first-child{margin-top:0}.modal-body p{color:#6b7280;margin-bottom:16px;line-height:1.6}.modal-body h2,.modal-body h3,.modal-body.contact-modal{margin-top:60px}.modal-body ul{margin-left:20px;margin-bottom:16px}.modal-body li{color:#6b7280;margin-bottom:8px}@media (max-width: 768px){.modal-content{width:95%;margin:20px auto;max-width:95vw}.modal-header,.modal-body{padding:20px;box-sizing:border-box}.modal-header h2{font-size:20px;text-align:left;margin-left:0}.modal-body{width:100%;margin:0 auto;text-align:left;word-break:break-word}.modal-body p,.modal-body h3{text-align:left;margin-left:0;margin-right:0}}.contact-info{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:24px;margin-bottom:32px}.contact-item h3{font-size:16px;font-weight:600;color:#111827;margin-bottom:8px}.contact-item p{color:#6b7280;margin:0}.contact-form{display:flex;flex-direction:column;gap:20px}.form-group{display:flex;flex-direction:column}.form-group input,.form-group textarea{padding:12px 16px;border:1px solid #d1d5db;border-radius:6px;font-size:16px;font-family:inherit;transition:border-color .2s ease}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:#2563eb;box-shadow:none}.form-group textarea{resize:vertical;min-height:100px}.btn{padding:12px 24px;border:none;border-radius:6px;font-size:16px;font-weight:500;cursor:pointer;transition:all .2s ease;text-decoration:none;display:inline-flex;align-items:center;justify-content:center}.btn-primary{background:var(--zzedd-red);color:#fff}.btn-primary:hover{background:#e63946;transform:translateY(-1px);box-shadow:none}.btn-secondary{background:transparent;color:#6b7280;border:1px solid #d1d5db}.btn-secondary:hover{background:#f9fafb;color:#374151}@media (max-width: 1024px),(max-width: 900px){.homepage{flex-direction:row!important}.sidebar-nav{width:320px!important;max-width:320px!important;height:100vh!important;flex-direction:column!important;align-items:flex-start!important;justify-content:center!important;position:fixed!important;left:0!important;top:0!important;z-index:999!important;background:#fff!important;border-bottom:none!important;border-right:none!important;padding:12px 0 60px!important;box-shadow:none!important;margin-left:0!important;margin-right:0!important;transform:none!important;opacity:1!important;pointer-events:auto!important}.nav-projects,.nav-secondary{flex:none!important;padding:0 60px!important;margin:0!important;display:block!important;align-items:flex-start!important;justify-content:flex-start!important}.project-list,.secondary-links{display:block!important;gap:0!important;overflow-x:visible!important;padding:0!important;margin:0!important}.project-item,.secondary-links li{margin-bottom:-8px!important;white-space:normal!important}.main-content{margin-left:320px!important;padding:0!important}.project-viewer{left:320px!important}}