.navigation{background-color:var(--color-background);border-bottom:1px solid var(--color-border);position:sticky;top:0;z-index:1000;box-shadow:var(--shadow-sm)}.nav-container{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-md)}.nav-left{display:flex;align-items:center}.nav-logo{font-size:2.75rem;font-weight:400;font-family:Bitcount Grid Single,system-ui;color:var(--color-primary);text-decoration:none;transition:color var(--transition-fast)}.nav-logo:hover{color:var(--color-primary-dark)}.logo-text{letter-spacing:.05em}.nav-hamburger{display:none;flex-direction:column;gap:4px;background:none;border:none;cursor:pointer;padding:8px}.nav-hamburger span{width:24px;height:3px;background-color:var(--color-text);transition:all var(--transition-fast);border-radius:2px}.nav-menu{display:flex;list-style:none;gap:var(--spacing-lg);margin:0}.nav-item{margin:0}.nav-link{color:var(--nav-link-color);font-weight:500;padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--border-radius-sm);transition:all var(--transition-fast);display:inline-block}.nav-link:hover{color:var(--nav-link-hover-color);background-color:var(--nav-link-hover-bg)}.nav-link-active{color:var(--nav-link-active-color);background-color:var(--nav-link-active-bg)}@media (max-width: 768px){.nav-hamburger{display:flex}.nav-menu{position:fixed;top:73px;right:-100%;width:60%;height:calc(100vh - 73px);background-color:var(--color-background);flex-direction:column;padding:var(--spacing-lg);gap:var(--spacing-md);box-shadow:var(--shadow-lg);transition:right var(--transition-normal);border-left:1px solid var(--color-border)}.nav-menu-open{right:0}.nav-link{padding:var(--spacing-sm);width:100%;text-align:left}}.footer{background-color:var(--color-background-secondary);border-top:1px solid var(--color-border);margin-top:var(--spacing-2xl);padding:var(--spacing-2xl) 0 var(--spacing-lg)}.footer-content{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--spacing-xl);margin-bottom:var(--spacing-xl)}.footer-brand h3{font-size:1.5rem;color:var(--color-primary);margin-bottom:var(--spacing-xs)}.footer-tagline{color:var(--color-text-secondary);font-style:italic}.footer-pillars h4,.footer-contact h4{margin-bottom:var(--spacing-sm);color:var(--color-text)}.footer-pillars ul{list-style:none;display:flex;flex-wrap:wrap;gap:var(--spacing-sm)}.footer-pillars ul li{margin:0}.footer-pillars span{padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--border-radius-sm);font-weight:600;font-size:.875rem}.pillar-science{background-color:var(--color-science);color:#fff}.pillar-truth{background-color:var(--color-truth);color:#fff}.pillar-nature{background-color:var(--color-nature);color:#fff}.pillar-love{background-color:var(--color-love);color:#fff}.footer-contact p{margin-bottom:var(--spacing-xs);color:var(--color-text-secondary)}.footer-bottom{text-align:center;padding-top:var(--spacing-lg);border-top:1px solid var(--color-border);color:var(--color-text-light);font-size:.875rem}.footer-bottom p{margin-bottom:var(--spacing-xs)}.build-date{color:var(--color-text-muted);font-size:.75rem;font-style:italic}@media (max-width: 768px){.footer-content{grid-template-columns:1fr;gap:var(--spacing-lg)}}.hero{position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden;width:100%;color:#fff}.hero-small{min-height:40vh}.hero-medium{min-height:60vh}.hero-large{min-height:80vh}.hero-full{min-height:100vh}.hero-video{position:absolute;top:50%;left:50%;width:auto;height:100%;min-height:100%;transform:translate(-50%,-50%);object-fit:cover;z-index:0}.hero-image{position:absolute;top:0;left:0;width:100%;height:100%;background-size:cover;background-position:center;background-repeat:no-repeat;z-index:0;animation:heroZoom 20s ease-in-out infinite alternate}@keyframes heroZoom{0%{transform:scale(1)}to{transform:scale(1.1)}}.hero-gradient{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,var(--color-science) 0%,var(--color-nature) 100%);z-index:0}.hero-overlay{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;transition:opacity var(--transition-slow)}.hero-content{position:relative;z-index:2;text-align:center;padding:var(--spacing-2xl) var(--spacing-md);max-width:1000px}.hero-title{font-size:4rem;font-weight:900;margin-bottom:var(--spacing-md);text-shadow:3px 3px 6px rgba(0,0,0,.5);letter-spacing:.05em;line-height:1.1}.hero-subtitle{font-size:1.75rem;font-weight:700;margin-bottom:var(--spacing-lg);text-transform:uppercase;letter-spacing:.1em;text-shadow:2px 2px 8px rgba(0,0,0,.913);opacity:.95}.hero-description{font-size:1.25rem;line-height:1.6;margin-bottom:var(--spacing-xl);text-shadow:2px 2px 4px rgba(0,0,0,.5);max-width:800px;margin-left:auto;margin-right:auto;opacity:.9;background-color:#00000089;border-radius:6px}.hero-text-fade .hero-title{animation:fadeInUp 1s ease-out}.hero-text-fade .hero-subtitle{animation:fadeInUp 1.2s ease-out}.hero-text-fade .hero-description{animation:fadeInUp 1.4s ease-out}.hero-text-slide .hero-title{animation:slideInLeft .8s ease-out}.hero-text-slide .hero-subtitle{animation:slideInRight 1s ease-out}.hero-text-slide .hero-description{animation:slideInLeft 1.2s ease-out}@keyframes slideInLeft{0%{opacity:0;transform:translate(-100px)}to{opacity:1;transform:translate(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(100px)}to{opacity:1;transform:translate(0)}}.hero-text-typewriter .hero-title{overflow:hidden;border-right:3px solid white;white-space:nowrap;margin:0 auto;animation:typing 2s steps(30,end),blink .75s step-end infinite;display:inline-block;max-width:fit-content}@keyframes typing{0%{width:0}to{width:100%}}@keyframes blink{0%,to{border-color:transparent}50%{border-color:#fff}}.hero-text-typewriter .hero-subtitle,.hero-text-typewriter .hero-description{animation:fadeInDelayed 2.5s ease-out}@keyframes fadeInDelayed{0%,80%{opacity:0}to{opacity:1}}.hero-text-none *{animation:none!important}@media (max-width: 768px){.hero{min-height:50vh!important}.hero-title{font-size:2.5rem}.hero-subtitle{font-size:1.25rem}.hero-description{font-size:1rem}.hero-content{padding:var(--spacing-xl) var(--spacing-sm)}}@media (prefers-reduced-motion: reduce){.hero-text-fade *,.hero-text-slide *,.hero-text-typewriter *,.hero-image,.hero-video{animation:none!important}}.realm-card{background-color:var(--color-background);border:1px solid var(--color-border);border-radius:var(--border-radius-lg);overflow:hidden;transition:all var(--transition-normal);box-shadow:var(--shadow-sm)}.realm-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.realm-card-coming-soon{opacity:.7}.realm-card-header{border-top:4px solid;padding:var(--spacing-lg);background-color:var(--color-background-secondary);position:relative}.realm-card-header h3{margin:0;font-size:1.5rem}.coming-soon-badge{position:absolute;top:var(--spacing-md);right:var(--spacing-md);background-color:var(--color-truth);color:#fff;padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--border-radius-md);font-size:.75rem;font-weight:600;text-transform:uppercase}.realm-card-body{padding:var(--spacing-lg)}.realm-slogan{font-size:1.125rem;font-weight:700;margin-bottom:var(--spacing-md);text-transform:uppercase;letter-spacing:.05em}.realm-description{color:var(--color-text-secondary);margin-bottom:var(--spacing-md);line-height:1.6}.realm-link{display:inline-block;font-weight:600;padding:var(--spacing-sm) var(--spacing-lg);border:2px solid;border-radius:var(--border-radius-md);transition:all var(--transition-fast);text-decoration:none}.realm-link:hover{background-color:currentColor;color:#fff!important}.home{animation:fadeIn var(--transition-slow)}.hero-pillars{display:flex;justify-content:center;gap:var(--spacing-sm);margin-top:var(--spacing-lg);flex-wrap:wrap;animation:fadeInUp 1.6s ease-out}.pillar-badge{padding:var(--spacing-sm) var(--spacing-lg);border-radius:var(--border-radius-lg);font-weight:700;font-size:1.125rem;text-transform:uppercase;letter-spacing:.1em;box-shadow:var(--shadow-md);transition:transform var(--transition-fast)}.realms{padding:var(--spacing-2xl) 0}.section-title{margin-bottom:var(--spacing-sm)}.realms-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--spacing-lg);margin-top:var(--spacing-xl)}.cta{background-color:var(--color-background-secondary);padding:var(--spacing-2xl) 0;margin-top:var(--spacing-2xl)}.cta h2{margin-bottom:var(--spacing-sm)}.cta p{font-size:1.125rem;color:var(--color-text-secondary);margin-bottom:var(--spacing-lg)}@media (max-width: 768px){.hero-pillars{gap:var(--spacing-xs)}.pillar-badge{font-size:.875rem;padding:var(--spacing-xs) var(--spacing-sm)}.realms-grid{grid-template-columns:1fr}}.science-style{color:var(--color-science)!important}.truth-style{color:var(--color-truth)!important}.nature-style{color:var(--color-nature)!important}.love-style{color:var(--color-love)!important}@media (max-width: 1024px) and (min-width: 769px){.home-hero-banner{height:clamp(90px,14vh,180px);font-size:1.375rem}}.realm-page{animation:fadeIn var(--transition-slow)}.realm-hero{padding:var(--spacing-2xl) 0;color:#fff;text-align:center;margin-bottom:var(--spacing-2xl)}.realm-hero-drones{background:linear-gradient(135deg,var(--color-science) 0%,var(--color-science-dark) 100%)}.realm-hero-music{background:linear-gradient(135deg,var(--color-love) 0%,var(--color-love-dark) 100%)}.realm-hero-3d{background:linear-gradient(135deg,var(--color-nature) 0%,var(--color-nature-dark) 100%)}.realm-hero-computers{background:linear-gradient(135deg,var(--color-science-light) 0%,var(--color-science) 100%)}.realm-hero-wildfire{background:linear-gradient(135deg,var(--color-truth) 0%,var(--color-truth-dark) 100%)}.realm-hero h1{font-size:3.5rem;margin-bottom:var(--spacing-md);text-shadow:2px 2px 4px rgba(0,0,0,.2)}.realm-slogan-large{font-size:1.5rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;margin-bottom:var(--spacing-lg);opacity:.95}.realm-intro{font-size:1.25rem;max-width:800px;margin:0 auto;line-height:1.6;opacity:.9}.realm-section{padding:var(--spacing-2xl) 0;background-color:var(--color-background)}.realm-section h2{text-align:center;margin-bottom:var(--spacing-xl)}.section-description{text-align:center;color:var(--color-text-secondary);font-size:1.125rem;max-width:700px;margin:0 auto var(--spacing-xl)}.services-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--spacing-lg)}.service-card{padding:var(--spacing-lg);background-color:var(--color-portfolio-background);border-radius:var(--border-radius-lg);border:1px solid var(--color-border);transition:all var(--transition-normal)}.service-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.service-card h3{color:var(--color-primary);margin-bottom:var(--spacing-sm)}.drone-lab-link{display:block;margin-top:var(--spacing-md);transition:transform var(--transition-normal),opacity var(--transition-normal);border-radius:var(--border-radius-md);overflow:hidden}.drone-lab-link:hover{transform:scale(1.02);opacity:.9}.drone-lab-link img{width:100%;height:auto;display:block;cursor:pointer}.credentials-section{background-color:var(--color-background-secondary)}.credentials-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--spacing-lg)}.credential-item{padding:var(--spacing-lg);background-color:var(--color-background);border-radius:var(--border-radius-md);border-left:4px solid var(--color-primary)}.credential-item h4{color:var(--color-text);margin-bottom:var(--spacing-xs)}.credential-item p{color:var(--color-text-secondary);margin:0}.portfolio-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--spacing-xl)}.portfolio-item{text-align:center}.portfolio-placeholder{background-color:var(--color-portfolio-background);border:2px dashed var(--color-border);border-radius:var(--border-radius-lg);height:250px;display:flex;align-items:center;justify-content:center;margin-bottom:var(--spacing-md);color:var(--color-text-light);font-style:italic}.portfolio-item h4{margin-bottom:var(--spacing-xs);color:var(--color-text)}.portfolio-item p{color:var(--color-text-secondary);margin:0}.coming-soon-banner{background:linear-gradient(135deg,var(--color-truth) 0%,var(--color-truth-dark) 100%);color:#fff;padding:var(--spacing-md);text-align:center;font-weight:600;font-size:1.125rem}.realm-cta{background-color:var(--color-background-secondary);padding:var(--spacing-2xl) 0;margin-top:var(--spacing-2xl)}.realm-cta h2{margin-bottom:var(--spacing-sm)}.realm-cta p{font-size:1.125rem;color:var(--color-text-secondary);margin-bottom:var(--spacing-lg)}.cta-button{display:inline-block;background-color:var(--color-primary);color:#fff;padding:var(--spacing-md) var(--spacing-xl);border-radius:var(--border-radius-md);font-weight:600;font-size:1.125rem;transition:all var(--transition-fast);box-shadow:var(--shadow-md)}.cta-button:hover{background-color:var(--color-primary-dark);transform:translateY(-2px);box-shadow:var(--shadow-lg);color:#fff}@media (max-width: 768px){.realm-hero h1{font-size:2.5rem}.realm-slogan-large{font-size:1.125rem}.realm-intro{font-size:1rem}.services-grid,.credentials-grid,.portfolio-grid{grid-template-columns:1fr}}.drone-carousel{padding:var(--spacing-xl) 0}.carousel-header{text-align:center;margin-bottom:var(--spacing-xl)}.carousel-header h2{font-size:2.5rem;margin-bottom:var(--spacing-sm);color:var(--color-text-primary)}.carousel-header p{color:var(--color-text-secondary);font-size:1.1rem}.carousel-container{display:flex;align-items:center;gap:var(--spacing-md);position:relative;margin-bottom:var(--spacing-lg)}.carousel-track{display:flex;gap:var(--spacing-md);flex:1;overflow:hidden}.drone-card{flex:1;background:var(--color-card-bg);border-radius:var(--border-radius-lg);overflow:hidden;box-shadow:var(--shadow-md);transition:all var(--transition-normal);border:1px solid var(--color-border);min-height:280px;display:flex;flex-direction:column;text-decoration:none;color:inherit;cursor:pointer}.drone-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.drone-media{width:100%;aspect-ratio:1 / 1;overflow:hidden;background:var(--color-bg-secondary, var(--color-surface, #f1f5f9));display:flex;align-items:center;justify-content:center;position:relative}.drone-image,.drone-video{width:100%;height:100%;object-fit:contain;transition:transform var(--transition-normal)}.drone-card:hover .drone-image,.drone-card:hover .drone-video{transform:scale(1.05)}.drone-placeholder{display:flex;align-items:center;justify-content:center;width:100%;height:100%;background:var(--color-bg-tertiary, var(--color-surface-hover, #e2e8f0));color:var(--color-text-muted);font-size:3rem}.drone-info{padding:var(--spacing-md);flex:1;display:flex;flex-direction:column;justify-content:space-between}.drone-codename{font-size:1.25rem;font-weight:600;margin-bottom:var(--spacing-xs);color:var(--color-text-primary)}.drone-id{font-size:.875rem;font-weight:500;color:var(--color-text-secondary);margin-bottom:var(--spacing-xs)}.drone-category{font-size:.75rem;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:var(--spacing-sm)}.drone-id{font-size:.875rem;color:var(--color-text-acro);font-weight:500;font-family:var(--font-mono);margin-bottom:var(--spacing-xs)}.drone-category{font-size:.8rem;color:var(--color-text-secondary);font-style:italic;margin-top:auto}.carousel-nav{background:var(--color-primary);color:#fff;border:none;border-radius:50%;width:48px;height:48px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:1.5rem;transition:all var(--transition-fast);box-shadow:var(--shadow-sm)}.carousel-nav:hover{background:var(--color-primary-dark);transform:scale(1.1);box-shadow:var(--shadow-md)}.carousel-nav:active{transform:scale(.95)}.carousel-indicators{display:flex;justify-content:center;gap:var(--spacing-xs);margin-bottom:var(--spacing-md)}.indicator{width:12px;height:12px;border-radius:50%;border:none;background:var(--color-border);cursor:pointer;transition:all var(--transition-fast)}.indicator.active{background:var(--color-primary);transform:scale(1.2)}.indicator:hover{background:var(--color-primary-light)}.carousel-footer{text-align:center}.project-count{color:var(--color-text-secondary);font-size:.9rem}.drone-carousel-loading,.drone-carousel-empty{text-align:center;padding:var(--spacing-2xl);color:var(--color-text-secondary)}@media (max-width: 1024px){.carousel-track{gap:var(--spacing-sm)}.drone-card{min-height:260px}}@media (max-width: 768px){.carousel-container{gap:var(--spacing-sm)}.carousel-track{gap:var(--spacing-xs)}.drone-card{min-height:240px}.carousel-nav{width:40px;height:40px;font-size:1.2rem}.drone-info{padding:var(--spacing-sm)}.drone-codename{font-size:1.1rem}}@media (max-width: 480px){.carousel-header h2{font-size:2rem}.carousel-header p{font-size:1rem}.drone-card{min-height:220px}.carousel-nav{width:36px;height:36px;font-size:1rem}}.remote-media-container{height:100%;width:100%}.remote-video{width:100%;height:100%;border:none;border-radius:var(--border-radius) var(--border-radius) 0 0}.remote-media-thumbnail{position:relative;height:100%;width:100%}.external-link-overlay{position:absolute;top:8px;right:8px;background:#000000b3;color:#fff;padding:4px 8px;border-radius:var(--border-radius);text-decoration:none;font-size:.8rem;transition:all var(--transition-fast)}.external-link-overlay:hover{background:#000000e6;transform:scale(1.05)}.remote-link-card{display:flex;align-items:center;justify-content:center;height:100%;background:var(--color-card-bg);border:2px dashed var(--color-border);text-decoration:none;color:var(--color-text-secondary);transition:all var(--transition-fast);font-size:.9rem}.remote-link-card:hover{background:var(--color-primary-light);color:var(--color-primary);border-color:var(--color-primary)}.lab-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--spacing-lg);margin-top:var(--spacing-xl);text-align:center}.stat-item h3{font-size:3rem;color:var(--color-primary);margin-bottom:var(--spacing-xs);font-weight:800}.stat-item p{font-size:1.125rem;color:var(--color-text-secondary);margin:0}.process-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--spacing-lg);margin-top:var(--spacing-xl)}.process-step{background:var(--color-card-bg);padding:var(--spacing-lg);border-radius:var(--border-radius-md);border:1px solid var(--color-border);position:relative}.step-number{position:absolute;top:-15px;left:var(--spacing-md);background:var(--color-primary);color:#fff;width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.875rem}.process-step h4{margin-top:var(--spacing-sm);color:var(--color-text)}.specializations-section{background:var(--color-bg-secondary, var(--color-surface, #f9fafb))}.specializations-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--spacing-lg);margin-top:var(--spacing-xl)}.specialization-card{background:var(--color-card-bg);padding:var(--spacing-lg);border-radius:var(--border-radius-md);border:1px solid var(--color-border);box-shadow:var(--shadow-sm)}.specialization-card h4{color:var(--color-primary);margin-bottom:var(--spacing-sm)}.specialization-card ul{list-style:none;margin-top:var(--spacing-md)}.specialization-card li{padding:var(--spacing-xs) 0;position:relative;padding-left:var(--spacing-md)}.specialization-card li:before{content:"✓";position:absolute;left:0;color:var(--color-primary);font-weight:700}.tech-section{background:var(--color-bg)}.tech-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--spacing-lg);margin-top:var(--spacing-xl)}.tech-category{background:var(--color-card-bg);padding:var(--spacing-lg);border-radius:var(--border-radius-md);border-left:4px solid var(--color-primary)}.tech-category h4{color:var(--color-primary);margin-bottom:var(--spacing-sm)}.tech-category ul{list-style:none;margin:0}.tech-category li{padding:var(--spacing-xs) 0;color:var(--color-text-secondary);border-bottom:1px solid var(--color-border)}.tech-category li:last-child{border-bottom:none}.featured-projects{background:var(--color-bg-secondary, var(--color-surface, #f9fafb))}.projects-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:var(--spacing-lg);margin-top:var(--spacing-xl)}.project-card{background:var(--color-card-bg);border-radius:var(--border-radius-md);overflow:hidden;box-shadow:var(--shadow-md);transition:transform var(--transition-fast)}.project-card:hover{transform:translateY(-2px)}.project-image-placeholder{height:200px;background:var(--color-bg-tertiary, var(--color-surface-hover, #e5e7eb));display:flex;align-items:center;justify-content:center;color:var(--color-text-muted);font-style:italic}.project-card h4{padding:var(--spacing-md) var(--spacing-md) var(--spacing-sm);color:var(--color-text);margin:0}.project-card p{padding:0 var(--spacing-md);color:var(--color-text-secondary);font-size:.875rem}.project-specs{display:flex;flex-wrap:wrap;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md) var(--spacing-md)}.project-specs span{background:var(--color-primary);color:#fff;padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--border-radius-sm);font-size:.75rem;font-weight:500}.back-link{display:inline-flex;align-items:center;gap:var(--spacing-xs);color:var(--color-primary);text-decoration:none;font-weight:500;padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--color-primary);border-radius:var(--border-radius-sm);transition:all var(--transition-fast)}.back-link:hover{background:var(--color-primary);color:#fff}@media (max-width: 768px){.lab-stats{grid-template-columns:repeat(3,1fr);gap:var(--spacing-md)}.stat-item h3{font-size:2rem}.process-grid{grid-template-columns:1fr}.tech-grid{grid-template-columns:repeat(2,1fr);gap:var(--spacing-md)}.projects-grid{grid-template-columns:1fr}}@media (max-width: 480px){.tech-grid{grid-template-columns:1fr}}.drone-hero{position:relative;height:70vh;min-height:500px;max-height:800px;overflow:hidden;display:flex;align-items:center;justify-content:center}.drone-hero-media{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center}.drone-hero-video,.drone-hero-image{width:100%;height:100%;object-fit:cover}.drone-hero-placeholder{width:100%;height:100%;background:var(--color-background-secondary);display:flex;align-items:center;justify-content:center;font-size:4rem;color:var(--color-text-secondary)}.media-nav{position:absolute;top:50%;transform:translateY(-50%);background:#00000080;color:#fff;border:none;padding:1rem;font-size:1.5rem;cursor:pointer;border-radius:50%;transition:all .3s ease;z-index:10}.media-nav:hover{background:#000c;transform:translateY(-50%) scale(1.1)}.media-nav-prev{left:1rem}.media-nav-next{right:1rem}.media-indicators{position:absolute;bottom:2rem;left:50%;transform:translate(-50%);display:flex;gap:.5rem;z-index:10}.media-indicator{width:12px;height:12px;border-radius:50%;border:2px solid rgba(255,255,255,.5);background:transparent;cursor:pointer;transition:all .3s ease}.media-indicator.active,.media-indicator:hover{background:#fff;border-color:#fff}.drone-hero-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(to bottom,#0000004d,#0000001a,#0009);display:flex;align-items:flex-end;z-index:5}.drone-hero-content{padding:3rem 0;color:#fff;text-align:left}.drone-meta{display:flex;gap:1rem;margin-bottom:1rem;font-size:.9rem;text-transform:uppercase;letter-spacing:.1em}.drone-id{background:var(--color-primary);padding:.25rem .75rem;border-radius:20px;font-weight:700}.drone-category{background:#fff3;padding:.25rem .75rem;border-radius:20px}.drone-title{font-size:3rem;font-weight:700;margin-bottom:2rem;text-shadow:2px 2px 4px rgba(0,0,0,.7)}.drone-codename{color:var(--color-accent)}.drone-stats{display:flex;gap:2rem;margin-bottom:2rem}.stat-item{display:flex;flex-direction:column;align-items:center;text-align:center}.stat-number{font-size:2rem;font-weight:700;color:var(--color-accent);line-height:1}.stat-icon{font-size:1.5rem;line-height:1}.stat-label{font-size:.8rem;text-transform:uppercase;letter-spacing:.1em;margin-top:.25rem;opacity:.9}.photo-album-link{display:inline-block;background:#ffffff1a;color:#fff;text-decoration:none;padding:.75rem 1.5rem;border-radius:25px;border:1px solid rgba(255,255,255,.3);transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.photo-album-link:hover{background:#fff3;border-color:#ffffff80;transform:translateY(-2px)}@media (max-width: 768px){.drone-hero{height:60vh;min-height:400px}.drone-title{font-size:2rem}.drone-stats{gap:1rem}.stat-number{font-size:1.5rem}.media-nav{padding:.75rem;font-size:1.25rem}.media-nav-prev{left:.5rem}.media-nav-next{right:.5rem}.media-indicators{bottom:1rem}}@media (max-width: 480px){.drone-hero-content{padding:2rem 0}.drone-title{font-size:1.5rem;margin-bottom:1rem}.drone-stats{flex-wrap:wrap;gap:.75rem}.stat-item{flex:1;min-width:60px}}.drone-overview{margin-bottom:2rem}.overview-card{background:var(--color-background-secondary);border-radius:8px;overflow:hidden;box-shadow:0 2px 8px #0000001a}.overview-meta{padding:2rem;background:var(--color-background);border-bottom:1px solid var(--color-border);display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem}.meta-item{display:flex;flex-direction:column;gap:.5rem}.meta-label{font-size:.85rem;font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:var(--color-text-secondary)}.meta-value{font-size:1.1rem;font-weight:500;color:var(--color-text)}.meta-link{color:var(--color-primary);text-decoration:none;font-weight:500;transition:color .3s ease}.meta-link:hover{color:var(--color-primary-dark);text-decoration:underline}.overview-content{padding:2rem;line-height:1.6}.overview-content h3{color:var(--color-primary);margin:2rem 0 1rem;font-size:1.25rem;border-bottom:1px solid var(--color-border);padding-bottom:.5rem}.overview-content h3:first-child{margin-top:0}.overview-content h4{color:var(--color-text);margin:1.5rem 0 .75rem;font-size:1.1rem}.overview-content p{margin-bottom:1rem;color:var(--color-text)}.overview-content li{margin-bottom:.5rem;color:var(--color-text);list-style-type:disc;margin-left:1.5rem}.overview-content code{background:var(--color-background-secondary);padding:.2rem .4rem;border-radius:3px;font-family:Courier New,monospace;font-size:.9em}.overview-content strong{color:var(--color-text);font-weight:600}.overview-content em{color:var(--color-text-secondary);font-style:italic}.overview-placeholder{padding:2rem;text-align:center;color:var(--color-text-secondary)}.overview-placeholder p{margin-bottom:1rem}.overview-placeholder p:last-child{margin-bottom:0}@media (max-width: 768px){.overview-meta{grid-template-columns:1fr;gap:1rem;padding:1.5rem}.overview-content,.overview-placeholder{padding:1.5rem}}@media (max-width: 480px){.overview-meta,.overview-content,.overview-placeholder{padding:1rem}}.drone-build-history{margin-bottom:2rem}.build-history-card{background:var(--color-background-secondary);border-radius:8px;overflow:hidden;box-shadow:0 2px 8px #0000001a}.build-timeline{padding:2rem}.timeline-item{display:flex;gap:1.5rem;margin-bottom:2rem;position:relative}.timeline-item:last-child{margin-bottom:0}.timeline-item:not(:last-child):after{content:"";position:absolute;left:1.5rem;top:3rem;bottom:-2rem;width:2px;background:var(--color-border)}.timeline-marker{flex-shrink:0;width:3rem;height:3rem;background:var(--color-primary);border-radius:50%;display:flex;align-items:center;justify-content:center;position:relative;z-index:1}.timeline-number{color:#fff;font-weight:700;font-size:1.1rem}.timeline-content{flex:1;background:var(--color-background);border-radius:8px;padding:1.5rem;border:1px solid var(--color-border)}.timeline-heading{color:var(--color-primary);margin-bottom:1rem;font-size:1.2rem;font-weight:600}.timeline-text{line-height:1.6}.timeline-text p{margin-bottom:1rem;color:var(--color-text)}.timeline-text p:last-child{margin-bottom:0}.timeline-text li{margin-bottom:.5rem;color:var(--color-text);list-style-type:disc;margin-left:1.5rem}.timeline-text code{background:var(--color-background-secondary);padding:.2rem .4rem;border-radius:3px;font-family:Courier New,monospace;font-size:.9em}.timeline-text strong{color:var(--color-text);font-weight:600}.timeline-text em{color:var(--color-text-secondary);font-style:italic}.timeline-text a{color:var(--color-primary);text-decoration:none;transition:color .3s ease}.timeline-text a:hover{color:var(--color-primary-dark);text-decoration:underline}.build-history-placeholder{padding:3rem 2rem;text-align:center;color:var(--color-text-secondary)}.build-history-placeholder h3{color:var(--color-text);margin-bottom:1rem;font-size:1.5rem}.build-history-placeholder p{margin-bottom:1rem;max-width:600px;margin-left:auto;margin-right:auto}.build-history-placeholder p:last-child{margin-bottom:0}.raw-content{text-align:left;margin-top:2rem;padding:1.5rem;background:var(--color-background);border-radius:8px;border:1px solid var(--color-border)}.raw-content p{margin-bottom:1rem;color:var(--color-text)}.raw-content p:last-child{margin-bottom:0}@media (max-width: 768px){.build-timeline{padding:1.5rem}.timeline-item{gap:1rem}.timeline-marker{width:2.5rem;height:2.5rem}.timeline-number{font-size:1rem}.timeline-content{padding:1rem}.timeline-heading{font-size:1.1rem}.timeline-item:not(:last-child):after{left:1.25rem;top:2.5rem}.build-history-placeholder{padding:2rem 1rem}.placeholder-icon{font-size:2.5rem}}@media (max-width: 480px){.build-timeline{padding:1rem}.timeline-item{flex-direction:column;gap:.5rem}.timeline-item:not(:last-child):after{display:none}.timeline-marker{width:2rem;height:2rem;align-self:flex-start}.timeline-number{font-size:.9rem}.timeline-content{padding:1rem}.build-history-placeholder{padding:1.5rem 1rem}}.drone-photos{margin-bottom:2rem}.photos-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;flex-wrap:wrap;gap:1rem}.photos-count{color:var(--color-text-secondary);font-weight:500;margin:0}.external-album-link{color:var(--color-primary);text-decoration:none;font-weight:500;padding:.5rem 1rem;border:1px solid var(--color-primary);border-radius:20px;transition:all .3s ease}.external-album-link:hover{background:var(--color-primary);color:#fff}.photos-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:1rem;margin-bottom:2rem}.photo-item{position:relative;aspect-ratio:1;overflow:hidden;border-radius:8px;cursor:pointer;background:var(--color-background-secondary);transition:transform .3s ease,box-shadow .3s ease}.photo-item:hover{transform:translateY(-4px);box-shadow:0 8px 24px #00000026}.photo-thumbnail{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.photo-item:hover .photo-thumbnail{transform:scale(1.05)}.photo-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .3s ease}.photo-item:hover .photo-overlay{opacity:1}.photo-zoom-icon{font-size:2rem;color:#fff}.photos-card{background:var(--color-background-secondary);border-radius:8px;overflow:hidden;box-shadow:0 2px 8px #0000001a}.photos-placeholder{padding:3rem 2rem;text-align:center;color:var(--color-text-secondary)}.photos-placeholder h3{color:var(--color-text);margin-bottom:1rem;font-size:1.5rem}.photos-placeholder p{margin-bottom:2rem;max-width:600px;margin-left:auto;margin-right:auto}.lightbox-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000e6;display:flex;align-items:center;justify-content:center;z-index:1000;cursor:pointer}.lightbox-container{position:relative;max-width:90vw;max-height:90vh;cursor:default}.lightbox-image{max-width:100%;max-height:85vh;object-fit:contain;border-radius:8px}.lightbox-close{position:absolute;top:-50px;right:0;background:none;border:none;color:#fff;font-size:2.5rem;cursor:pointer;padding:.5rem;line-height:1;transition:opacity .3s ease}.lightbox-close:hover{opacity:.7}.lightbox-nav{position:absolute;top:50%;transform:translateY(-50%);background:#00000080;border:none;color:#fff;font-size:2rem;padding:1rem;cursor:pointer;border-radius:50%;transition:all .3s ease}.lightbox-nav:hover{background:#000c;transform:translateY(-50%) scale(1.1)}.lightbox-prev{left:-60px}.lightbox-next{right:-60px}.lightbox-info{position:absolute;bottom:-50px;left:0;right:0;color:#fff;text-align:center;display:flex;justify-content:space-between;align-items:center}.image-counter,.image-title{background:#00000080;padding:.5rem 1rem;border-radius:20px;font-size:.9rem}@media (max-width: 768px){.photos-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:.75rem}.photos-header{flex-direction:column;align-items:stretch;text-align:center}.lightbox-nav{font-size:1.5rem;padding:.75rem}.lightbox-prev{left:-50px}.lightbox-next{right:-50px}.lightbox-close{top:-40px;font-size:2rem}.lightbox-info{bottom:-40px;flex-direction:column;gap:.5rem}}@media (max-width: 480px){.photos-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:.5rem}.lightbox-container{max-width:95vw}.lightbox-nav{position:fixed;top:50%;font-size:1.25rem;padding:.5rem}.lightbox-prev{left:10px}.lightbox-next{right:10px}.lightbox-close{position:fixed;top:20px;right:20px;font-size:1.5rem}.lightbox-info{position:fixed;bottom:20px;left:20px;right:20px}}.drone-videos{margin-bottom:2rem}.remote-media-section,.remote-videos-section,.local-videos-section{margin-bottom:3rem}.remote-media-section h3,.remote-videos-section h3,.local-videos-section h3{color:var(--color-primary);margin-bottom:1.5rem;font-size:1.25rem;border-bottom:1px solid var(--color-border);padding-bottom:.5rem}.remote-media-card{background:var(--color-background-secondary);border-radius:8px;overflow:hidden;box-shadow:0 2px 8px #0000001a}.video-embed-container{position:relative;width:100%;height:0;padding-bottom:56.25%;background:#000}.video-embed{position:absolute;top:0;left:0;width:100%;height:100%}.remote-media-link-card{position:relative;background:var(--color-background)}.remote-thumbnail-container{position:relative;width:100%;height:300px;overflow:hidden}.remote-thumbnail{width:100%;height:100%;object-fit:cover}.play-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:#0000004d;display:flex;align-items:center;justify-content:center;text-decoration:none;transition:background-color .3s ease}.play-overlay:hover{background:#00000080}.play-icon{font-size:3rem;filter:drop-shadow(2px 2px 4px rgba(0,0,0,.5))}.external-video-link{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 2rem;text-decoration:none;color:var(--color-text);transition:background-color .3s ease}.external-video-link:hover{background:var(--color-background-secondary)}.video-icon{font-size:3rem;margin-bottom:1rem}.remote-media-info{padding:1.5rem}.remote-media-title{color:var(--color-text);margin-bottom:.75rem;font-size:1.1rem;font-weight:600}.remote-media-description{color:var(--color-text-secondary);line-height:1.5;margin:0}.remote-videos-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(400px,1fr));gap:2rem}.remote-video-card{background:var(--color-background-secondary);border-radius:8px;overflow:hidden;box-shadow:0 2px 8px #0000001a}.remote-video-info{padding:1rem 1.5rem 1.5rem}.remote-video-title{color:var(--color-text);margin-bottom:.5rem;font-size:1rem;font-weight:600;line-height:1.4}.remote-video-duration{color:var(--color-text-secondary);font-size:.9rem;margin:0}.videos-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem}.video-item{position:relative;background:var(--color-background-secondary);border-radius:8px;overflow:hidden;cursor:pointer;transition:transform .3s ease,box-shadow .3s ease;box-shadow:0 2px 8px #0000001a}.video-item:hover{transform:translateY(-4px);box-shadow:0 8px 24px #00000026}.video-thumbnail{width:100%;height:200px;object-fit:cover;display:block}.video-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:#0000004d;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .3s ease}.video-item:hover .video-overlay{opacity:1}.video-info{padding:1rem;background:var(--color-background)}.video-title{font-weight:500;color:var(--color-text)}.videos-card{background:var(--color-background-secondary);border-radius:8px;overflow:hidden;box-shadow:0 2px 8px #0000001a}.videos-placeholder{padding:3rem 2rem;text-align:center;color:var(--color-text-secondary)}.placeholder-icon{font-size:3rem;margin-bottom:1rem}.videos-placeholder h3{color:var(--color-text);margin-bottom:1rem;font-size:1.5rem}.videos-placeholder p{margin-bottom:1rem;max-width:600px;margin-left:auto;margin-right:auto}.videos-placeholder p:last-child{margin-bottom:0}.video-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000e6;display:flex;align-items:center;justify-content:center;z-index:1000;cursor:pointer}.video-modal-container{position:relative;max-width:90vw;max-height:90vh;cursor:default}.modal-video{max-width:100%;max-height:85vh;border-radius:8px}.video-modal-close{position:absolute;top:-50px;right:0;background:none;border:none;color:#fff;font-size:2.5rem;cursor:pointer;padding:.5rem;line-height:1;transition:opacity .3s ease}.video-modal-close:hover{opacity:.7}@media (max-width: 768px){.remote-videos-grid{grid-template-columns:1fr;gap:1.5rem}.videos-grid{grid-template-columns:1fr;gap:1rem}.video-item{max-width:100%}.video-thumbnail{height:180px}.remote-thumbnail-container{height:250px}.video-modal-close{top:-40px;font-size:2rem}}@media (max-width: 480px){.remote-media-info{padding:1rem}.video-thumbnail{height:160px}.remote-thumbnail-container{height:200px}.external-video-link{padding:2rem 1rem}.play-icon,.video-icon{font-size:2.5rem}.video-modal-container{max-width:95vw}.video-modal-close{position:fixed;top:20px;right:20px;font-size:1.5rem}}.drone-profile{min-height:100vh}.loading-container,.error-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:50vh;text-align:center;padding:2rem}.loading-spinner{width:40px;height:40px;border:4px solid var(--color-border);border-top:4px solid var(--color-primary);border-radius:50%;animation:spin 1s linear infinite;margin-top:1rem}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.back-link{display:inline-block;margin-top:1rem;padding:.5rem 1rem;background:var(--color-primary);color:#fff;text-decoration:none;border-radius:4px;transition:background-color .3s ease}.back-link:hover{background:var(--color-primary-dark)}.drone-nav{background:var(--color-background-secondary);border-bottom:1px solid var(--color-border);position:sticky;top:0;z-index:100}.drone-nav-tabs{list-style:none;display:flex;margin:0;padding:0;gap:0}.drone-nav-tabs li{flex:1}.drone-nav-tabs a{display:block;padding:1rem;text-decoration:none;color:var(--color-text-secondary);text-align:center;border-bottom:3px solid transparent;transition:all .3s ease;font-weight:500}.drone-nav-tabs a:hover,.drone-nav-tabs a.active{color:var(--color-primary);border-bottom-color:var(--color-primary);background:var(--color-background)}.drone-content{padding:2rem 0}.drone-section{margin-bottom:4rem;scroll-margin-top:80px}.drone-section:last-child{margin-bottom:2rem}.drone-section h2{color:var(--color-primary);border-bottom:2px solid var(--color-border);padding-bottom:.5rem;margin-bottom:2rem}@media (max-width: 768px){.drone-nav-tabs{flex-wrap:wrap}.drone-nav-tabs li{flex:1 1 50%}.drone-nav-tabs a{padding:.75rem .5rem;font-size:.9rem}.drone-content{padding:1rem 0}.drone-section{margin-bottom:3rem}}@media (max-width: 480px){.drone-nav-tabs li{flex:1 1 100%}}.domain-expertise-navigator{width:100%;height:100%;background:linear-gradient(180deg,#0f172a,#1e293b);display:flex;flex-direction:column;overflow:hidden}.domain-breadcrumb-container{background:#0009;border-bottom:2px solid rgba(59,130,246,.3);padding:16px 24px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.domain-breadcrumb{display:flex;align-items:center;flex-wrap:wrap;gap:8px;max-width:1200px;margin:0 auto}.domain-breadcrumb-item{display:inline-flex;align-items:center}.domain-breadcrumb-arrow{color:#94a3b899;margin:0 8px;font-weight:700;font-size:1.25rem}.domain-breadcrumb-button{background:#3b82f633;color:#93c5fd;border:1px solid rgba(59,130,246,.4);padding:6px 14px;border-radius:6px;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s ease}.domain-breadcrumb-button:hover:not(:disabled){background:#3b82f64d;border-color:#3b82f699;transform:translateY(-1px)}.domain-breadcrumb-button.active{background:#f59e0b;color:#fff;border-color:#fbbf24;cursor:default}.domain-breadcrumb-button:disabled{cursor:default}.domain-content{flex:1;padding:24px;overflow-y:auto;transition:opacity .3s ease,transform .3s ease}.domain-content.zooming{opacity:0;transform:scale(.95)}.domain-current-info{max-width:900px;margin:0 auto 32px;text-align:center}.domain-title{font-size:2rem;font-weight:700;color:#fbbf24;margin-bottom:12px;text-transform:uppercase;letter-spacing:1px}.domain-description{font-size:1.125rem;color:#fffc;line-height:1.6}.domain-cards-container{max-width:1200px;margin:0 auto}.domain-cards-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px}.domain-card{background:#1e293bcc;border:2px solid rgba(59,130,246,.3);border-radius:12px;padding:20px;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden}.domain-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#3b82f6,#8b5cf6);transform:scaleX(0);transition:transform .3s ease}.domain-card:hover:before,.domain-card.selected:before{transform:scaleX(1)}.domain-card:hover{border-color:#3b82f699;transform:translateY(-4px);box-shadow:0 8px 24px #3b82f64d}.domain-card.selected{border-color:#fbbf24;background:#f59e0b1a;box-shadow:0 8px 24px #f59e0b4d}.domain-card.selected:before{background:linear-gradient(90deg,#f59e0b,#fbbf24)}.domain-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:12px;gap:12px}.domain-card-title{font-size:1.125rem;font-weight:700;color:#fff;margin:0;flex:1}.domain-card.selected .domain-card-title{color:#fbbf24}.domain-card-badge{background:#3b82f64d;color:#93c5fd;font-size:.625rem;padding:4px 8px;border-radius:12px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap}.domain-card.selected .domain-card-badge{background:#f59e0b4d;color:#fbbf24}.domain-card-description{font-size:.875rem;line-height:1.6;color:#ffffffb3;margin-bottom:12px}.domain-card.selected .domain-card-description{color:#ffffffe6}.domain-card-action{font-size:.875rem;font-weight:600;color:#3b82f6;display:flex;align-items:center;gap:4px}.domain-card.selected .domain-card-action{color:#fbbf24}.domain-leaf-message{text-align:center;padding:48px 24px;max-width:700px;margin:0 auto}.domain-leaf-message h3{font-size:1.75rem;font-weight:700;color:#fbbf24;margin-bottom:12px}.leaf-experience{display:inline-block;background:#f59e0b33;color:#fbbf24;padding:6px 16px;border-radius:20px;font-size:.875rem;font-weight:600;margin-bottom:20px;border:1px solid rgba(245,158,11,.4)}.leaf-description,.leaf-full-description{font-size:1.0625rem;color:#fffc;line-height:1.7;margin-bottom:24px}.leaf-full-description{text-align:left}.leaf-full-description strong{color:#fbbf24}.leaf-full-description a{color:#60a5fa;text-decoration:underline}.leaf-full-description a:hover{color:#93c5fd}.leaf-highlights{text-align:left;margin-top:32px;background:#1e293b80;padding:24px;border-radius:12px;border-left:4px solid #fbbf24}.leaf-highlights h4{font-size:1.125rem;color:#fbbf24;margin-bottom:16px;font-weight:600}.leaf-highlights ul{list-style:none;padding:0;margin:0}.leaf-highlights li{padding:8px 0 8px 28px;position:relative;color:#ffffffe6;line-height:1.6}.leaf-highlights li:before{content:"▸";position:absolute;left:8px;color:#60a5fa;font-weight:700}.leaf-highlights li strong{color:#93c5fd}.leaf-cta-button{display:inline-block;margin-top:32px;padding:14px 32px;background:linear-gradient(135deg,#2563eb,#3b82f6);color:#fff;text-decoration:none;border-radius:8px;font-weight:600;font-size:1.0625rem;transition:all .3s ease;box-shadow:0 4px 12px #2563eb66}.leaf-cta-button:hover{transform:translateY(-2px);box-shadow:0 6px 20px #2563eb99;background:linear-gradient(135deg,#1d4ed8,#2563eb)}.domain-navigation-hint{background:#000c;border-top:1px solid rgba(59,130,246,.3);padding:12px 24px;display:flex;justify-content:center;align-items:center;gap:24px;font-size:.875rem;color:#ffffffb3;font-family:Courier New,monospace;font-weight:600}.domain-navigation-hint span{white-space:nowrap}@media (max-width: 768px){.domain-breadcrumb-container{padding:12px}.domain-breadcrumb-button{font-size:.8125rem;padding:8px 12px}.domain-content{padding:20px 12px}.domain-current-info{margin-bottom:28px}.domain-title{font-size:1.625rem}.domain-description{font-size:1.0625rem}.domain-cards-grid{grid-template-columns:1fr;gap:16px}.domain-card{padding:18px}.domain-card-title{font-size:1.0625rem}.domain-card-description{font-size:.9375rem}.domain-navigation-hint{gap:8px;font-size:.6875rem;padding:8px 12px;flex-wrap:wrap;justify-content:space-evenly}.domain-navigation-hint span{padding:2px 4px}.domain-leaf-message{padding:32px 16px}.domain-leaf-message h3{font-size:1.5rem}.leaf-experience{font-size:.8125rem}.leaf-description,.leaf-full-description{font-size:1rem}.leaf-highlights{padding:20px 16px}.leaf-highlights h4{font-size:1rem}.leaf-cta-button{width:100%;text-align:center;padding:12px 24px;font-size:1rem}}.about-page{animation:fadeIn var(--transition-slow)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.about-pillars{display:flex;justify-content:center;gap:var(--spacing-md);margin-top:var(--spacing-lg);flex-wrap:wrap;animation:fadeInUp 1.6s ease-out}.pillar-badge{padding:var(--spacing-sm) var(--spacing-lg);border-radius:var(--border-radius-lg);font-weight:700;font-size:1rem;text-transform:uppercase;letter-spacing:.1em;box-shadow:var(--shadow-md);transition:transform var(--transition-fast)}.pillar-badge:hover{transform:translateY(-4px) scale(1.05)}.pillar-badge.pillar-science{background-color:var(--color-science)}.pillar-badge.pillar-truth{background-color:var(--color-truth)}.pillar-badge.pillar-nature{background-color:var(--color-nature)}.pillar-badge.pillar-love{background-color:var(--color-love)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.about-section{padding:var(--spacing-2xl) 0}.about-section h2{margin-bottom:var(--spacing-lg);text-align:center}.story-content,.bio-content{max-width:800px;margin:0 auto;font-size:1.125rem;line-height:1.8}.story-content p,.bio-content p{margin-bottom:var(--spacing-lg);color:var(--color-text-secondary)}.philosophy-section{background-color:var(--color-background-secondary);padding:var(--spacing-2xl) 0}.section-subtitle{color:var(--color-text-secondary);font-size:1.125rem;margin-bottom:var(--spacing-xl)}.pillars-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--spacing-xl);margin-top:var(--spacing-xl)}.pillar-card{background-color:var(--color-background);padding:var(--spacing-xl);border-radius:var(--border-radius-lg);text-align:center;border:3px solid;transition:all var(--transition-normal)}.pillar-card:hover{transform:translateY(-8px);box-shadow:var(--shadow-lg)}.pillar-card-science{border-color:var(--color-science)}.pillar-card-truth{border-color:var(--color-truth)}.pillar-card-nature{border-color:var(--color-nature)}.pillar-card-love{border-color:var(--color-love)}.pillar-icon{font-size:3rem;margin-bottom:var(--spacing-md)}.pillar-card h3{margin-bottom:var(--spacing-md);font-size:1.5rem}.pillar-card-science h3{color:var(--color-science)}.pillar-card-truth h3{color:var(--color-truth)}.pillar-card-nature h3{color:var(--color-nature)}.pillar-card-love h3{color:var(--color-love)}.pillar-card p{color:var(--color-text-secondary);line-height:1.6;margin:0}.bio-section{background-color:var(--color-background-tertiary)}.bio-content strong{color:var(--color-primary);font-size:1.25rem}.expertise-section{padding:var(--spacing-2xl) 0;background-color:var(--color-background-tertiary)}.expertise-section h2{margin-bottom:var(--spacing-sm)}.expertise-section .section-subtitle{margin-bottom:var(--spacing-2xl)}.expertise-navigator-wrapper{position:relative;width:100%;max-width:1200px;margin:var(--spacing-xl) auto 0;padding-bottom:56.25%;background:linear-gradient(135deg,#0a0a0a,#1a1a2e);border-radius:var(--border-radius-lg);overflow:hidden;box-shadow:var(--shadow-lg)}.expertise-navigator-wrapper>*{position:absolute;top:0;left:0;width:100%;height:100%}@media (max-width: 768px){.expertise-section{padding:var(--spacing-xl) 0}.expertise-section .container{padding:0 var(--spacing-md)}.expertise-navigator-wrapper{padding-bottom:125%;min-height:600px;max-width:none;margin:var(--spacing-lg) 0 0;border-radius:0}}.contact-section{padding:var(--spacing-2xl) 0;background-color:var(--color-background-secondary)}.contact-section h2{margin-bottom:var(--spacing-sm)}.contact-info{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--spacing-lg);margin-top:var(--spacing-xl);max-width:900px;margin-left:auto;margin-right:auto}.contact-card{background-color:var(--color-background);padding:var(--spacing-xl);border-radius:var(--border-radius-lg);text-align:center;border:1px solid var(--color-border)}.contact-card h4{margin-bottom:var(--spacing-sm);color:var(--color-primary);font-size:1.25rem}.contact-card p{color:var(--color-text-secondary);margin:0;font-size:1.125rem}.contact-card a{color:var(--color-primary);font-weight:600}.contact-card a:hover{color:var(--color-primary-dark)}@media (max-width: 768px){.about-pillars{gap:var(--spacing-xs)}.pillar-badge{font-size:.875rem;padding:var(--spacing-xs) var(--spacing-sm)}.pillars-grid,.contact-info{grid-template-columns:1fr}.story-content,.bio-content{font-size:1rem}}.mockups-page{min-height:100vh;padding:var(--spacing-2xl) var(--spacing-lg);background:var(--color-background)}.mockups-header{max-width:1200px;margin:0 auto var(--spacing-2xl);text-align:center}.mockups-header h1{font-size:2.5rem;margin-bottom:var(--spacing-md);color:var(--color-text)}.mockups-header p{font-size:1.125rem;color:var(--color-text-secondary);max-width:800px;margin:0 auto}.mockups-grid{max-width:1400px;margin:0 auto;display:grid;grid-template-columns:1fr;gap:var(--spacing-2xl)}.mockup-card{background:var(--color-background-secondary);border-radius:var(--border-radius-lg);overflow:hidden;box-shadow:var(--shadow-md);transition:transform .3s ease,box-shadow .3s ease}.mockup-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.mockup-card-header{padding:var(--spacing-lg);border-bottom:2px solid var(--color-border)}.mockup-card-header h3{font-size:1.5rem;margin-bottom:var(--spacing-sm);color:var(--color-text)}.mockup-card-header p{color:var(--color-text-secondary);line-height:1.6}.mockup-16x9{position:relative;width:100%;padding-bottom:56.25%;background:var(--color-background-tertiary);overflow:hidden}.mockup-16x9>*{position:absolute;top:0;left:0;width:100%;height:100%}.mockup-preview{cursor:pointer;position:relative}.preview-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#00000080;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .3s ease;pointer-events:none;z-index:10}.mockup-preview:hover .preview-overlay{opacity:1}.preview-overlay span{color:#fff;font-size:1.5rem;font-weight:600;text-shadow:0 2px 4px rgba(0,0,0,.5)}.mockup-fullscreen{max-width:1400px;margin:0 auto}.back-button{background:var(--color-primary);color:#fff;border:none;padding:var(--spacing-sm) var(--spacing-lg);border-radius:var(--border-radius-md);font-size:1rem;font-weight:600;cursor:pointer;margin-bottom:var(--spacing-xl);transition:transform .2s ease,box-shadow .2s ease}.back-button:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.mockup-full-container h2{font-size:2rem;margin-bottom:var(--spacing-sm);color:var(--color-text)}.mockup-full-container p{font-size:1.125rem;color:var(--color-text-secondary);margin-bottom:var(--spacing-xl)}.mockups-footer{max-width:1200px;margin:var(--spacing-2xl) auto 0;padding:var(--spacing-xl);background:var(--color-background-secondary);border-radius:var(--border-radius-lg);border-left:4px solid var(--color-primary)}.mockups-footer p{margin-bottom:var(--spacing-sm);line-height:1.6;color:var(--color-text-secondary)}.mockups-footer p:last-child{margin-bottom:0}.mockups-footer strong{color:var(--color-text)}@media (max-width: 768px){.mockups-page{padding:var(--spacing-xl) var(--spacing-md)}.mockups-header h1{font-size:1.75rem}.mockups-header p{font-size:1rem}.mockup-card-header h3{font-size:1.25rem}.preview-overlay span{font-size:1.125rem}}.radial-network-mockup{width:100%;height:100%;background:linear-gradient(135deg,#0a0a0a,#1a1a2e);position:relative;overflow:hidden}.radial-svg{width:100%;height:100%}.radial-connection{stroke:#2563eb4d;stroke-width:.2;transition:stroke .3s ease}.radial-connection:hover{stroke:#2563eb99}.radial-node{transition:r .3s ease,fill .3s ease;cursor:pointer}.radial-node-child{fill:#2563eb;stroke:#60a5fa;stroke-width:.3}.radial-node-child.hovered{fill:#60a5fa;stroke:#93c5fd}.radial-node-center{fill:#f59e0b;stroke:#fbbf24;stroke-width:.5;filter:drop-shadow(0 0 2px rgba(245,158,11,.8))}.radial-node-label{fill:#fff;font-size:1.8px;font-weight:600;pointer-events:none;text-shadow:0 0 3px rgba(0,0,0,.8)}.radial-center-label{font-size:2.5px;fill:#fbbf24}.radial-hud{position:absolute;top:20px;left:20px;max-width:350px;background:#000000d9;border:2px solid #2563eb;border-radius:8px;padding:16px;color:#fff;box-shadow:0 4px 20px #2563eb4d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.hud-header{font-size:1.25rem;font-weight:700;margin-bottom:8px;color:#fbbf24;text-transform:uppercase;letter-spacing:1px}.hud-description{font-size:.875rem;line-height:1.5;color:#ffffffe6;margin-bottom:12px}.hud-hint{font-size:.75rem;color:#fff9;margin-top:4px;font-family:Courier New,monospace}.radial-instructions{position:absolute;bottom:20px;left:50%;transform:translate(-50%);background:#000000d9;padding:12px 24px;border-radius:24px;color:#fffc;font-size:.875rem;border:1px solid rgba(37,99,235,.5);white-space:nowrap}.instruction-key{display:inline-block;background:#2563eb;color:#fff;padding:2px 8px;border-radius:4px;font-family:Courier New,monospace;font-weight:700;margin:0 2px}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}.radial-node-center{animation:pulse 2s ease-in-out infinite}@media (max-width: 768px){.radial-hud{max-width:250px;padding:12px;top:10px;left:10px}.hud-header{font-size:1rem}.hud-description{font-size:.75rem}.radial-instructions{font-size:.75rem;padding:8px 16px;bottom:10px}}.horizontal-tree-mockup{width:100%;height:100%;background:linear-gradient(135deg,#1a1a2e,#16213e);position:relative;display:flex;flex-direction:column;overflow:hidden}.tree-breadcrumb{padding:16px 20px;background:#00000080;border-bottom:2px solid rgba(37,99,235,.3);display:flex;align-items:center;flex-wrap:wrap;gap:4px}.breadcrumb-item{display:inline-flex;align-items:center;font-size:.875rem}.breadcrumb-separator{color:#fff6;margin:0 8px;font-size:1rem}.breadcrumb-link{color:#60a5fa;cursor:pointer;transition:color .2s ease}.breadcrumb-link:hover{color:#93c5fd;text-decoration:underline}.breadcrumb-active{color:#fbbf24;font-weight:600}.tree-container{flex:1;padding:20px;display:flex;align-items:center;justify-content:center}.tree-svg{width:100%;height:100%;max-height:500px}.tree-connection{stroke:#60a5fa66;stroke-width:.2;transition:all .3s ease;fill:none}.tree-connection-selected{stroke:#fbbf24cc;stroke-width:.4}.tree-node{transition:all .3s ease;cursor:pointer}.tree-node-parent{fill:#60a5fa99;stroke:#60a5fa;stroke-width:.3}.tree-node-parent:hover{fill:#60a5fae6}.tree-node-focused{fill:#f59e0b;stroke:#fbbf24;stroke-width:.5;filter:drop-shadow(0 0 3px rgba(245,158,11,.8))}.tree-node-child{fill:#2563eb;stroke:#60a5fa;stroke-width:.3}.tree-node-selected{fill:#fbbf24;stroke:#fcd34d;stroke-width:.5;filter:drop-shadow(0 0 2px rgba(251,191,36,.8))}.tree-node-label{fill:#fff;font-size:2px;font-weight:700;pointer-events:none;text-shadow:0 0 3px rgba(0,0,0,.9)}.tree-node-label-small{fill:#fffc;font-size:1.5px;font-weight:600;pointer-events:none;text-shadow:0 0 2px rgba(0,0,0,.9)}.tree-node-label-child{fill:#ffffffe6;font-size:1.8px;font-weight:600;pointer-events:none;text-shadow:0 0 2px rgba(0,0,0,.9);transition:all .3s ease}.tree-label-selected{fill:#fbbf24;font-size:2px;font-weight:700}.tree-has-children{fill:#60a5fa99;font-size:3px;pointer-events:none}.tree-info-panel{position:absolute;bottom:60px;right:20px;max-width:350px;background:#000000e6;border:2px solid #2563eb;border-radius:8px;padding:16px;color:#fff;box-shadow:0 4px 20px #2563eb66}.panel-header{font-size:1.125rem;font-weight:700;color:#fbbf24;margin-bottom:8px;text-transform:uppercase;letter-spacing:.5px}.panel-description{font-size:.875rem;line-height:1.5;color:#ffffffe6;margin-bottom:12px}.panel-stats{display:flex;gap:16px;padding-top:12px;border-top:1px solid rgba(255,255,255,.2)}.stat{display:flex;flex-direction:column;gap:4px}.stat-label{font-size:.625rem;color:#fff9;text-transform:uppercase;letter-spacing:.5px}.stat-value{font-size:1.25rem;font-weight:700;color:#60a5fa}.tree-hints{position:absolute;bottom:20px;left:50%;transform:translate(-50%);display:flex;gap:20px;background:#000000d9;padding:8px 20px;border-radius:20px;border:1px solid rgba(37,99,235,.5);font-size:.75rem;color:#fffc}.tree-hints span{font-family:Courier New,monospace;font-weight:600}@media (max-width: 768px){.tree-breadcrumb{padding:12px 10px;font-size:.75rem}.tree-info-panel{max-width:280px;padding:12px;bottom:50px;right:10px}.panel-header{font-size:1rem}.panel-description{font-size:.75rem}.tree-hints{gap:12px;padding:6px 16px;font-size:.625rem;bottom:10px}}.breadcrumb-zoom-mockup{width:100%;height:100%;background:linear-gradient(180deg,#0f172a,#1e293b);display:flex;flex-direction:column;overflow:hidden}.zoom-breadcrumb-container{background:#0009;border-bottom:2px solid rgba(59,130,246,.3);padding:16px 24px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.zoom-breadcrumb{display:flex;align-items:center;flex-wrap:wrap;gap:8px}.zoom-breadcrumb-item{display:inline-flex;align-items:center}.zoom-breadcrumb-arrow{color:#94a3b899;margin:0 8px;font-weight:700}.zoom-breadcrumb-button{background:#3b82f633;color:#93c5fd;border:1px solid rgba(59,130,246,.4);padding:6px 14px;border-radius:6px;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s ease}.zoom-breadcrumb-button:hover:not(:disabled){background:#3b82f64d;border-color:#3b82f699;transform:translateY(-1px)}.zoom-breadcrumb-button.active{background:#f59e0b;color:#fff;border-color:#fbbf24;cursor:default}.zoom-breadcrumb-button:disabled{cursor:default}.zoom-content{flex:1;padding:24px;overflow-y:auto;transition:opacity .3s ease,transform .3s ease}.zoom-content.zooming{opacity:0;transform:scale(.95)}.zoom-current-info{max-width:900px;margin:0 auto 32px;text-align:center}.zoom-title{font-size:2rem;font-weight:700;color:#fbbf24;margin-bottom:12px;text-transform:uppercase;letter-spacing:1px}.zoom-description{font-size:1.125rem;color:#fffc;line-height:1.6}.zoom-cards-container{max-width:1200px;margin:0 auto}.zoom-cards-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px}.zoom-card{background:#1e293bcc;border:2px solid rgba(59,130,246,.3);border-radius:12px;padding:20px;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden}.zoom-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#3b82f6,#8b5cf6);transform:scaleX(0);transition:transform .3s ease}.zoom-card:hover:before,.zoom-card.selected:before{transform:scaleX(1)}.zoom-card:hover{border-color:#3b82f699;transform:translateY(-4px);box-shadow:0 8px 24px #3b82f64d}.zoom-card.selected{border-color:#fbbf24;background:#f59e0b1a;box-shadow:0 8px 24px #f59e0b4d}.zoom-card.selected:before{background:linear-gradient(90deg,#f59e0b,#fbbf24)}.zoom-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:12px;gap:12px}.zoom-card-title{font-size:1.125rem;font-weight:700;color:#fff;margin:0;flex:1}.zoom-card.selected .zoom-card-title{color:#fbbf24}.zoom-card-badge{background:#3b82f64d;color:#93c5fd;font-size:.625rem;padding:4px 8px;border-radius:12px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap}.zoom-card.selected .zoom-card-badge{background:#f59e0b4d;color:#fbbf24}.zoom-card-description{font-size:.875rem;line-height:1.6;color:#ffffffb3;margin-bottom:12px}.zoom-card.selected .zoom-card-description{color:#ffffffe6}.zoom-card-action{font-size:.875rem;font-weight:600;color:#3b82f6;display:flex;align-items:center;gap:4px}.zoom-card.selected .zoom-card-action{color:#fbbf24}.zoom-leaf-message{text-align:center;padding:48px 24px;max-width:500px;margin:0 auto}.leaf-icon{font-size:4rem;margin-bottom:16px}.zoom-leaf-message h3{font-size:1.5rem;font-weight:700;color:#fbbf24;margin-bottom:12px}.zoom-leaf-message p{font-size:1rem;color:#ffffffb3;line-height:1.6}.zoom-navigation-hint{background:#000c;border-top:1px solid rgba(59,130,246,.3);padding:12px 24px;display:flex;justify-content:center;align-items:center;gap:24px;font-size:.875rem;color:#ffffffb3;font-family:Courier New,monospace;font-weight:600}.zoom-navigation-hint span{white-space:nowrap}@media (max-width: 768px){.zoom-breadcrumb-container{padding:12px 16px}.zoom-content{padding:16px}.zoom-current-info{margin-bottom:24px}.zoom-title{font-size:1.5rem}.zoom-description{font-size:1rem}.zoom-cards-grid{grid-template-columns:1fr;gap:16px}.zoom-navigation-hint{gap:12px;font-size:.75rem;padding:10px 16px;flex-wrap:wrap}}.subway-map-mockup{width:100%;height:100%;background:#f5f5f5;position:relative;display:flex;flex-direction:column;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.subway-header{background:linear-gradient(135deg,#1e3a8a,#3b82f6);color:#fff;padding:16px 24px;display:flex;justify-content:space-between;align-items:center;box-shadow:0 2px 8px #0003}.subway-line-badge{display:flex;align-items:center;gap:12px}.line-icon{font-size:1.5rem;font-weight:700;color:#fbbf24}.line-name{font-size:1.125rem;font-weight:700;text-transform:uppercase;letter-spacing:1px}.subway-location{font-size:.875rem;color:#ffffffe6}.subway-location strong{color:#fbbf24;font-weight:700}.subway-container{flex:1;padding:40px 20px;display:flex;align-items:center;justify-content:center;background:linear-gradient(180deg,#fff,#f1f5f9);position:relative}.subway-svg{width:100%;height:100%;max-height:300px}.subway-rail{stroke:#94a3b8;stroke-width:1;stroke-linecap:round}.subway-station-group{cursor:pointer;transition:all .3s ease}.subway-station{transition:all .3s ease;stroke-width:.5}.subway-station.past{fill:#94a3b8;stroke:#64748b}.subway-station.current{fill:#f59e0b;stroke:#fbbf24;stroke-width:.8;filter:drop-shadow(0 0 3px rgba(245,158,11,.6))}.subway-station.future{fill:#3b82f6;stroke:#2563eb}.subway-station-group:hover .subway-station{filter:drop-shadow(0 0 4px rgba(59,130,246,.8));transform:scale(1.1)}.subway-station-group:hover .subway-station.current{filter:drop-shadow(0 0 5px rgba(245,158,11,.9))}.subway-station-label{fill:#334155;font-size:2px;font-weight:600;pointer-events:none;text-shadow:0 0 2px white}.subway-station-label.current-label{fill:#f59e0b;font-weight:700;font-size:2.5px}.subway-back-label{fill:#64748b;font-size:1.8px;font-weight:600;pointer-events:none}.subway-transfer-line{stroke:#64748b;stroke-width:.3;stroke-dasharray:.5,.5}.subway-transfer-indicator{fill:#3b82f6;stroke:#2563eb;stroke-width:.3}.subway-transfer-label{fill:#3b82f6;font-size:1.5px;font-weight:700;pointer-events:none}.subway-info-card{position:absolute;bottom:100px;left:50%;transform:translate(-50%);background:#fff;border:3px solid #3b82f6;border-radius:12px;padding:20px;max-width:450px;width:90%;box-shadow:0 8px 24px #00000026}.info-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;gap:12px}.station-name{font-size:1.25rem;font-weight:700;color:#1e293b}.station-badge{background:#f59e0b;color:#fff;font-size:.625rem;padding:4px 10px;border-radius:12px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap}.info-card-body{color:#475569}.station-description{font-size:.875rem;line-height:1.6;margin-bottom:16px}.station-meta{display:flex;gap:24px;padding-top:16px;border-top:2px solid #e2e8f0}.meta-item{display:flex;flex-direction:column;gap:4px}.meta-label{font-size:.625rem;color:#94a3b8;text-transform:uppercase;letter-spacing:.5px;font-weight:700}.meta-value{font-size:1.5rem;font-weight:700;color:#3b82f6}.subway-controls{position:absolute;bottom:40px;left:50%;transform:translate(-50%);display:flex;gap:16px}.subway-nav-button{background:#3b82f6;color:#fff;border:none;padding:10px 20px;border-radius:8px;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 8px #3b82f64d}.subway-nav-button:hover{background:#2563eb;transform:translateY(-2px);box-shadow:0 4px 12px #3b82f666}.subway-nav-button.prev{background:#64748b}.subway-nav-button.prev:hover{background:#475569}.subway-legend{position:absolute;top:80px;right:24px;background:#fff;border:2px solid #e2e8f0;border-radius:8px;padding:12px;display:flex;flex-direction:column;gap:8px;box-shadow:0 2px 8px #0000001a}.legend-item{display:flex;align-items:center;gap:8px;font-size:.75rem;color:#64748b;font-weight:600}.legend-marker{width:12px;height:12px;border-radius:50%;border:2px solid}.legend-marker.past{background:#94a3b8;border-color:#64748b}.legend-marker.current{background:#f59e0b;border-color:#fbbf24}.legend-marker.future{background:#3b82f6;border-color:#2563eb}@media (max-width: 768px){.subway-header{flex-direction:column;align-items:flex-start;gap:8px;padding:12px 16px}.line-name{font-size:1rem}.subway-location{font-size:.75rem}.subway-container{padding:20px 10px}.subway-info-card{bottom:80px;padding:16px}.station-name{font-size:1rem}.station-description{font-size:.75rem}.subway-controls{flex-direction:column;gap:8px;bottom:20px}.subway-nav-button{font-size:.75rem;padding:8px 16px}.subway-legend{top:60px;right:10px;padding:8px;gap:6px}.legend-item{font-size:.625rem}.legend-marker{width:10px;height:10px}}:root{--color-science: #60a5fa;--color-truth: #fbbf24;--color-nature: #34d399;--color-love: #f472b6;--color-primary: #60a5fa;--color-secondary: #34d399;--color-accent: #f472b6;--color-text-primary: #f8fafc;--color-text-secondary: #cbd5e1;--color-text-muted: #94a3b8;--color-text-light: #f8fafc;--color-text-dark: #1e293b;--color-text-acro: #fbbe24c9;--color-background: #0f172a;--color-portfolio-background: #293f73;--color-surface: #1e293b;--color-surface-hover: #334155;--color-surface-active: #475569;--color-border: #334155;--color-border-light: #475569;--color-border-dark: #1e293b;--color-success: #22c55e;--color-warning: #f59e0b;--color-error: #ef4444;--color-info: #3b82f6;--color-hover: #475569;--color-active: #64748b;--color-focus: #60a5fa;--nav-link-color: var(--color-text-secondary);--nav-link-hover-color: var(--color-primary);--nav-link-active-color: var(--color-primary);--nav-link-hover-bg: var(--color-surface-hover);--nav-link-active-bg: var(--color-surface-active);--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 3rem;--spacing-3xl: 4rem;--spacing-4xl: 6rem;--border-radius-sm: .25rem;--border-radius-md: .5rem;--border-radius-lg: .75rem;--border-radius-xl: 1rem;--border-radius-full: 9999px;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .4);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .4), 0 2px 4px -1px rgba(0, 0, 0, .3);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .4), 0 4px 6px -2px rgba(0, 0, 0, .3);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .4), 0 10px 10px -5px rgba(0, 0, 0, .2);--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 1.875rem;--font-size-4xl: 2.25rem;--font-size-5xl: 3rem;--font-weight-light: 300;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--line-height-tight: 1.25;--line-height-normal: 1.5;--line-height-relaxed: 1.75;--font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;--font-mono: source-code-pro, Menlo, Monaco, Consolas, "Courier New", monospace;--transition-fast: .15s ease-in-out;--transition-normal: .25s ease-in-out;--transition-slow: .35s ease-in-out;--z-index-dropdown: 1000;--z-index-sticky: 1020;--z-index-fixed: 1030;--z-index-modal: 1040;--z-index-popover: 1050;--z-index-tooltip: 1060}.michroma-regular{font-family:Michroma,sans-serif;font-weight:400;font-style:normal}.bitcount-grid-single-spyd{font-family:Bitcount Grid Single,system-ui;font-optical-sizing:auto;font-style:normal;font-variation-settings:"slnt" 0,"CRSV" .5,"ELSH" 0,"ELXP" 0}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:var(--font-sans);color:var(--color-text-primary);background-color:var(--color-background);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4,h5,h6{line-height:1.2;font-weight:700;margin-bottom:var(--spacing-sm)}h1{font-size:3rem;font-weight:800}h2{font-size:2.25rem;font-family:Titillium Web,sans-serif}h3{font-size:1.875rem;font-family:Titillium Web,sans-serif}h4{font-size:1.5rem}h5{font-size:1.25rem}h6{font-size:1.125rem}p{margin-bottom:var(--spacing-md)}a{color:var(--color-primary);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--color-primary-dark)}.container{max-width:1200px;margin:0 auto;padding:0 var(--spacing-md)}.text-center{text-align:center}.text-secondary{color:var(--color-text-secondary)}.page-fade-enter{opacity:0}.page-fade-enter-active{opacity:1;transition:opacity var(--transition-slow)}.page-fade-exit{opacity:1}.page-fade-exit-active{opacity:0;transition:opacity var(--transition-slow)}.acro-style{color:var(--color-text-acro)!important;font-size:2.1em;font-weight:350!important;font-family:Bitcount Grid Single,system-ui}.titillium-web-extralight{font-family:Titillium Web,sans-serif;font-weight:200;font-style:normal}.titillium-web-light{font-family:Titillium Web,sans-serif;font-weight:300;font-style:normal}.titillium-web-regular{font-family:Titillium Web,sans-serif;font-weight:400;font-style:normal}.titillium-web-semibold{font-family:Titillium Web,sans-serif;font-weight:600;font-style:normal}.titillium-web-bold{font-family:Titillium Web,sans-serif;font-weight:700;font-style:normal}.titillium-web-black{font-family:Titillium Web,sans-serif;font-weight:900;font-style:normal}.titillium-web-extralight-italic{font-family:Titillium Web,sans-serif;font-weight:200;font-style:italic}.titillium-web-light-italic{font-family:Titillium Web,sans-serif;font-weight:300;font-style:italic}.titillium-web-regular-italic{font-family:Titillium Web,sans-serif;font-weight:400;font-style:italic}.titillium-web-semibold-italic{font-family:Titillium Web,sans-serif;font-weight:600;font-style:italic}.titillium-web-bold-italic{font-family:Titillium Web,sans-serif;font-weight:700;font-style:italic}@media (max-width: 768px){h1{font-size:2rem}h2{font-size:1.75rem}h3{font-size:1.5rem}.container{padding:0 var(--spacing-sm)}}