:root{--font-display: "Cormorant Garamond", Georgia, serif;--font-body: "Outfit", -apple-system, BlinkMacSystemFont, sans-serif;--space-xs: .25rem;--space-sm: .5rem;--space-md: 1rem;--space-lg: 2rem;--space-xl: 4rem;--space-2xl: 8rem;--header-height: 5rem;--container-max: 1400px;--container-padding: clamp(1.5rem, 5vw, 4rem);--transition-fast: .15s ease;--transition-base: .3s ease;--transition-slow: .5s cubic-bezier(.4, 0, .2, 1);--transition-menu: .6s cubic-bezier(.16, 1, .3, 1);--transition-theme: .2s ease;--theme-transition: background-color var(--transition-theme), color var(--transition-theme), border-color var(--transition-theme), fill var(--transition-theme), stroke var(--transition-theme), box-shadow var(--transition-theme), transform var(--transition-fast);--color-bg: #0a0a0a;--color-bg-elevated: #141414;--color-bg-muted: #1a1a1a;--color-surface: #1f1f1f;--color-text: #f5f5f4;--color-text-muted: #a3a3a3;--color-text-subtle: #737373;--color-border: #2a2a2a;--color-border-subtle: #1f1f1f;--color-accent: #4f8bc0;--color-accent-hover: #87b7e0;--color-accent-muted: rgba(79, 139, 192, .15);--color-overlay: rgba(0, 0, 0, .8);--shadow-sm: 0 2px 8px rgba(0, 0, 0, .3);--shadow-md: 0 4px 24px rgba(0, 0, 0, .4);--shadow-lg: 0 8px 48px rgba(0, 0, 0, .5);--header-gradient: linear-gradient( 180deg, rgba(10, 10, 10, .95) 0%, rgba(10, 10, 10, .85) 40%, rgba(10, 10, 10, .6) 70%, rgba(10, 10, 10, 0) 100% )}[data-theme=dark]{--color-bg: #0a0a0a;--color-bg-elevated: #141414;--color-bg-muted: #1a1a1a;--color-surface: #1f1f1f;--color-text: #f5f5f4;--color-text-muted: #a3a3a3;--color-text-subtle: #737373;--color-border: #2a2a2a;--color-border-subtle: #1f1f1f;--color-accent: #4f8bc0;--color-accent-hover: #87b7e0;--color-accent-muted: rgba(79, 139, 192, .15);--color-overlay: rgba(0, 0, 0, .8);--shadow-sm: 0 2px 8px rgba(0, 0, 0, .3);--shadow-md: 0 4px 24px rgba(0, 0, 0, .4);--shadow-lg: 0 8px 48px rgba(0, 0, 0, .5);--header-gradient: linear-gradient( 180deg, rgba(10, 10, 10, .95) 0%, rgba(10, 10, 10, .85) 40%, rgba(10, 10, 10, .6) 70%, rgba(10, 10, 10, 0) 100% )}[data-theme=light]{--color-bg: #faf9f7;--color-bg-elevated: #ffffff;--color-bg-muted: #f5f4f2;--color-surface: #ffffff;--color-text: #1a1a1a;--color-text-muted: #525252;--color-text-subtle: #737373;--color-border: #e5e5e5;--color-border-subtle: #f0f0f0;--color-accent: #4087c5;--color-accent-hover: #325f86;--color-accent-muted: rgba(64, 135, 197, .1);--color-overlay: rgba(250, 249, 247, .95);--shadow-sm: 0 2px 8px rgba(0, 0, 0, .06);--shadow-md: 0 4px 24px rgba(0, 0, 0, .08);--shadow-lg: 0 8px 48px rgba(0, 0, 0, .12);--header-gradient: linear-gradient( 180deg, rgba(250, 249, 247, .95) 0%, rgba(250, 249, 247, .85) 40%, rgba(250, 249, 247, .6) 70%, rgba(250, 249, 247, 0) 100% )}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}*,*:before,*:after{transition:background-color var(--transition-theme),color var(--transition-theme),border-color var(--transition-theme),fill var(--transition-theme),stroke var(--transition-theme),box-shadow var(--transition-theme),outline-color var(--transition-theme),transform var(--transition-fast)}:root{--theme-transition: background-color var(--transition-slow), color var(--transition-slow), border-color var(--transition-slow), fill var(--transition-slow), stroke var(--transition-slow), box-shadow var(--transition-slow)}html{font-size:16px;scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--color-bg);color-scheme:dark}[data-theme=light]{color-scheme:light}body{font-family:var(--font-body);font-weight:300;line-height:1.6;color:var(--color-text);background-color:var(--color-bg);overflow-x:hidden}body.menu-open{overflow:hidden}#root{background-color:var(--color-bg);min-height:100vh}.app-wrapper{display:flex;flex-direction:column;min-height:100vh}.main{flex:1}a{color:inherit;text-decoration:none}button{font-family:inherit;cursor:pointer;border:none;background:none;color:inherit}ul,ol{list-style:none}img,video{max-width:100%;height:auto;display:block}::selection{background-color:var(--color-accent);color:var(--color-bg)}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--color-bg)}::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--color-text-subtle)}:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);font-weight:400;line-height:1.2}.section-label{font-family:var(--font-body);font-size:.75rem;font-weight:400;letter-spacing:.2em;text-transform:uppercase;color:var(--color-accent);display:block;margin-bottom:var(--space-md)}.section-title{font-size:clamp(2rem,5vw,3.5rem);color:var(--color-text);margin-bottom:var(--space-lg)}.btn{display:inline-flex;align-items:center;gap:var(--space-sm);padding:1rem 2rem;font-size:.875rem;font-weight:400;letter-spacing:.05em;border-radius:.25rem}.btn svg{width:1.25rem;height:1.25rem}.btn-primary{background-color:var(--color-accent);color:var(--color-bg)}.btn-primary:hover{background-color:var(--color-accent-hover)}.btn-primary:hover svg{transform:translate(4px)}.btn-secondary{border:1px solid var(--color-border);color:var(--color-text)}.btn-secondary:hover{border-color:var(--color-accent);color:var(--color-accent)}.link-arrow{display:inline-flex;align-items:center;gap:var(--space-sm);font-size:1rem;color:var(--color-text)}.link-arrow svg{width:1.25rem;height:1.25rem}.link-arrow:hover{color:var(--color-accent)}.link-arrow:hover svg{transform:translate(4px)}.icon-button{display:inline-flex;align-items:center;justify-content:center;gap:.75rem;font-size:1.125rem;color:var(--color-text);text-decoration:none;padding:1rem 2rem;border:1px solid var(--color-border);border-radius:.25rem}@media (hover: hover){.icon-button:hover{border-color:var(--color-accent);color:var(--color-accent);transform:translateY(-2px)}}.icon-button:active{border-color:var(--color-accent);color:var(--color-accent)}.icon-button svg{width:1.25rem;height:1.25rem;opacity:.7}.contact-link svg{width:1.25rem;height:1.25rem;opacity:.7}.header{position:fixed;top:0;left:0;right:0;height:var(--header-height);z-index:100;background:transparent}.header:before,.header:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;transition:opacity var(--transition-theme)}.header:before{background:linear-gradient(180deg,#0a0a0af2,#0a0a0ad9 40%,#0a0a0a99,#0a0a0a00);opacity:1}.header:after{background:linear-gradient(180deg,#faf9f7f2,#faf9f7d9 40%,#faf9f799,#faf9f700);opacity:0}[data-theme=light] .header:before{opacity:0}[data-theme=light] .header:after{opacity:1}.header-inner{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;height:100%;padding:0 var(--container-padding)}.logo{display:flex;align-items:center;gap:var(--space-sm)}.logo-text{font-family:var(--font-display);font-size:1.5rem;font-weight:400;letter-spacing:.02em;color:var(--color-text)}.logo:hover .logo-text{color:var(--color-accent)}.header-actions{display:flex;align-items:center;gap:var(--space-lg)}.theme-toggle{position:relative;width:2.5rem;height:2.5rem;display:flex;align-items:center;justify-content:center;border-radius:50%}.theme-toggle:hover{background-color:var(--color-accent-muted)}.theme-toggle svg{width:1.25rem;height:1.25rem;position:absolute;transition:var(--theme-transition),opacity var(--transition-fast),transform var(--transition-fast)}.icon-sun{opacity:0;transform:rotate(-90deg) scale(.5)}.icon-moon,[data-theme=light] .icon-sun{opacity:1;transform:rotate(0) scale(1)}[data-theme=light] .icon-moon{opacity:0;transform:rotate(90deg) scale(.5)}.menu-toggle{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);border-radius:2rem}.menu-toggle:hover{background-color:var(--color-accent-muted)}.hamburger{width:1.5rem;height:1rem;display:flex;flex-direction:column;justify-content:space-between}.hamburger span{display:block;width:100%;height:1.5px;background-color:var(--color-text);transition:var(--theme-transition),transform var(--transition-base),opacity var(--transition-base);transform-origin:center}.menu-label{font-size:.875rem;font-weight:400;letter-spacing:.05em}@media (max-width: 640px){.menu-label,.logo-text.hide-mobile{display:none}}.menu-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background-color:var(--color-overlay);opacity:0;visibility:hidden;z-index:150;transition:var(--theme-transition),opacity var(--transition-menu),visibility var(--transition-menu);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.menu-overlay.active{opacity:1;visibility:visible}.slide-menu{position:fixed;top:0;right:0;width:min(28rem,90vw);height:100vh;background-color:var(--color-bg-elevated);z-index:200;transform:translate(100%);transition:var(--theme-transition),transform var(--transition-menu);display:flex;flex-direction:column;border-left:1px solid var(--color-border)}.slide-menu.active{transform:translate(0)}.menu-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-lg) var(--container-padding);border-bottom:1px solid var(--color-border)}.menu-title{font-family:var(--font-body);font-size:.75rem;font-weight:400;letter-spacing:.2em;text-transform:uppercase;color:var(--color-text-muted)}.menu-close{position:relative;width:2.5rem;height:2.5rem;display:flex;align-items:center;justify-content:center;border-radius:50%}.menu-close:hover{background-color:var(--color-accent-muted)}.menu-close span{position:absolute;width:1.25rem;height:1.5px;background-color:var(--color-text)}.menu-close span:first-child{transform:rotate(45deg)}.menu-close span:last-child{transform:rotate(-45deg)}.menu-links{flex:1;display:flex;flex-direction:column;justify-content:center;padding:var(--space-xl) var(--container-padding);gap:var(--space-md)}.menu-links li{overflow:hidden}.menu-links a{display:flex;align-items:baseline;gap:var(--space-md);font-family:var(--font-display);font-size:clamp(2rem,6vw,3rem);font-weight:300;color:var(--color-text);padding:var(--space-sm) 0;transform:translate(-2rem);opacity:0;transition:var(--theme-transition),transform var(--transition-menu),opacity var(--transition-menu)}.slide-menu.active .menu-links a{transform:translate(0);opacity:1}.slide-menu.active .menu-links li:nth-child(1) a{transition-delay:.1s}.slide-menu.active .menu-links li:nth-child(2) a{transition-delay:.15s}.slide-menu.active .menu-links li:nth-child(3) a{transition-delay:.2s}.slide-menu.active .menu-links li:nth-child(4) a{transition-delay:.25s}.slide-menu.active .menu-links li:nth-child(5) a{transition-delay:.3s}.menu-links a:before{content:attr(data-index);font-family:var(--font-body);font-size:.75rem;font-weight:400;color:var(--color-text-subtle);min-width:1.5rem}.menu-links a:hover,.menu-links a.active{color:var(--color-accent)}.menu-footer{padding:var(--space-lg) var(--container-padding);border-top:1px solid var(--color-border)}.menu-social{display:flex;gap:var(--space-lg);margin-bottom:var(--space-md)}.menu-social a{font-size:.875rem;color:var(--color-text-muted)}.menu-social a:hover{color:var(--color-accent)}.menu-email{font-size:.875rem;color:var(--color-text-subtle)}.language-selector{position:relative}.lang-toggle{display:flex;align-items:center;justify-content:center;padding:var(--space-sm) var(--space-md);border-radius:.25rem;font-size:.8125rem;font-weight:400;letter-spacing:.1em}.lang-toggle:hover{background-color:var(--color-accent-muted);color:var(--color-accent)}.lang-code{color:var(--color-text)}.lang-toggle:hover .lang-code{color:var(--color-accent)}.lang-dropdown{position:absolute;top:calc(100% + .5rem);right:0;min-width:10rem;background-color:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:.5rem;padding:var(--space-xs);box-shadow:var(--shadow-md);opacity:0;visibility:hidden;transform:translateY(-.5rem);transition:var(--theme-transition),opacity var(--transition-fast),visibility var(--transition-fast),transform var(--transition-fast);z-index:200}.language-selector.open .lang-dropdown{opacity:1;visibility:visible;transform:translateY(0)}.lang-option{display:flex;align-items:center;gap:var(--space-sm);width:100%;padding:var(--space-sm) var(--space-md);border-radius:.25rem;font-size:.875rem;text-align:left}.lang-option:hover{background-color:var(--color-accent-muted)}.lang-option.active{color:var(--color-accent)}.lang-option .lang-flag{font-size:.875rem}.lang-option .lang-name{flex:1}.footer{display:flex;flex-direction:column;align-items:center;gap:var(--space-xs);width:100%;padding:var(--space-md) var(--container-padding);border-top:1px solid var(--color-border)}@media (min-width: 768px){.footer{flex-direction:row;justify-content:space-between;gap:var(--space-md);padding:var(--space-lg) var(--container-padding)}}.copyright,.footer-location{font-size:.8125rem;color:var(--color-text-subtle)}.footer-location{display:flex;align-items:center;gap:var(--space-xs)}.video-section{width:100%;margin:0 auto;background:var(--color-black)}.video-container{position:relative;max-width:100%;aspect-ratio:16 / 9;background:var(--color-black);overflow:hidden}.video-container video{width:100%;height:100%;display:block;object-fit:contain}.video-poster{position:absolute;top:0;left:0;right:0;bottom:0;display:flex;align-items:center;justify-content:center;background:var(--color-black);cursor:pointer;z-index:5}.video-poster img{width:100%;height:100%;object-fit:contain}.poster-play-btn{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:none;border:none;cursor:pointer;transition:all .3s ease;z-index:10}.poster-play-btn svg{width:80px;height:80px;filter:drop-shadow(0 4px 12px rgba(0,0,0,.5))}.poster-play-btn:hover{transform:translate(-50%,-50%) scale(1.1)}.poster-play-btn:active{transform:translate(-50%,-50%) scale(.95)}.video-container.show-poster .video-controls{display:none}.video-loading{position:absolute;top:0;left:0;right:0;bottom:0;display:flex;align-items:center;justify-content:center;background:#0000004d;z-index:15;pointer-events:none}.loading-spinner{position:relative;width:60px;height:60px}.spinner-ring{position:absolute;width:100%;height:100%;border:3px solid transparent;border-top-color:var(--color-white);border-radius:50%;animation:spin 1.5s cubic-bezier(.5,0,.5,1) infinite}.spinner-ring:nth-child(1){animation-delay:-.45s}.spinner-ring:nth-child(2){animation-delay:-.3s;border-top-color:#ffffffb3}.spinner-ring:nth-child(3){animation-delay:-.15s;border-top-color:#fff6}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.video-controls{position:absolute;bottom:0;left:0;right:0;display:flex;align-items:center;gap:.75rem;padding:1rem;background:linear-gradient(to top,rgba(0,0,0,.8),transparent);opacity:0;transition:opacity .3s ease;pointer-events:none;z-index:10}.video-container.controls-visible .video-controls{opacity:1;pointer-events:all}.control-btn{background:none;border:none;color:#fff;cursor:pointer;padding:.5rem;display:flex;align-items:center;justify-content:center;transition:opacity .2s ease;flex-shrink:0}.control-btn:hover{opacity:.7}.control-btn svg{width:24px;height:24px}.play-btn{margin-right:.25rem}.progress-container{position:relative;flex:1;height:6px;background:#ffffff4d;border-radius:3px;cursor:pointer;transition:height .2s ease}.progress-container:hover{height:8px}.progress-bar{height:100%;background:var(--color-white);border-radius:3px;transition:width .1s linear;pointer-events:none}.video-thumbnails-overlay{position:absolute;top:0;left:0;right:0;bottom:0;pointer-events:all;z-index:5}.video-thumbnail-preview{position:absolute;bottom:100%;margin-bottom:12px;pointer-events:none;z-index:20;filter:drop-shadow(0 4px 12px rgba(0,0,0,.5));max-width:calc(100vw - 40px)}.thumbnail-image{background-size:auto;background-repeat:no-repeat;border:2px solid var(--color-white);border-radius:4px;overflow:hidden}.thumbnail-time{background:#000000e6;color:var(--color-white);padding:.25rem .5rem;border-radius:4px;font-size:.75rem;font-weight:600;text-align:center;margin-top:.25rem}.time-display{display:flex;align-items:center;color:#fff;font-size:.875rem;font-weight:500;font-variant-numeric:tabular-nums;-webkit-user-select:none;user-select:none;flex-shrink:0}.time-separator{opacity:.6;margin:0 .125rem}.volume-control{position:relative;display:flex;align-items:center;gap:.5rem}.volume-btn svg{width:24px;height:24px}.volume-slider-container{position:absolute;left:100%;margin-left:.5rem;opacity:0;pointer-events:none;transition:opacity .2s ease}.volume-slider-container.visible{opacity:1;pointer-events:all}.volume-slider{width:80px;height:4px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#ffffff4d;border-radius:2px;outline:none;cursor:pointer}.volume-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:14px;height:14px;background:var(--color-white);border-radius:50%;cursor:pointer;transition:transform .2s ease}.volume-slider::-webkit-slider-thumb:hover{transform:scale(1.2)}.volume-slider::-moz-range-thumb{width:14px;height:14px;background:var(--color-white);border:none;border-radius:50%;cursor:pointer;transition:transform .2s ease}.volume-slider::-moz-range-thumb:hover{transform:scale(1.2)}.quality-btn{background:#ffffff1a;border:1px solid rgba(255,255,255,.3);color:#fff;padding:.375rem .75rem;border-radius:4px;cursor:pointer;font-size:.875rem;font-weight:600;transition:background .2s ease;min-width:60px}.quality-btn:hover{background:#fff3}.quality-dropdown{position:absolute;bottom:100%;right:0;margin-bottom:.5rem;background:#000000f2;border-radius:8px;overflow:hidden;opacity:0;pointer-events:none;transform:translateY(4px);transition:all .2s ease;min-width:120px}.quality-selector.open .quality-dropdown{opacity:1;pointer-events:all;transform:translateY(0)}.quality-option{background:none;border:none;color:#fff;padding:.75rem 1rem;width:100%;text-align:left;cursor:pointer;font-size:.875rem;transition:background .2s ease}.quality-option:hover{background:#ffffff1a}.quality-option.active{background:#fff3;font-weight:600}.fullscreen-btn svg{width:22px;height:22px}@media (max-width: 768px){.video-controls{gap:.5rem;padding:.75rem}.control-btn{padding:.375rem}.control-btn svg{width:20px;height:20px}.time-display{font-size:.75rem}.volume-slider{width:60px}.quality-btn{padding:.25rem .5rem;font-size:.75rem;min-width:50px}.thumbnail-image{width:200px!important;height:112px!important}.video-thumbnail-preview{margin-bottom:8px}.thumbnail-time{font-size:.7rem;padding:.2rem .4rem}.poster-play-btn svg{width:70px;height:70px}}@media (max-width: 640px){.thumbnail-image{width:160px!important;height:90px!important}.video-thumbnail-preview{margin-bottom:6px}}@media (max-width: 480px){.volume-control{display:none}.time-display{font-size:.7rem}.thumbnail-image{width:120px!important;height:67px!important}.thumbnail-time{font-size:.65rem;padding:.15rem .35rem}.video-thumbnail-preview{margin-bottom:4px;filter:drop-shadow(0 2px 8px rgba(0,0,0,.6))}.poster-play-btn svg{width:60px;height:60px}.loading-spinner{width:50px;height:50px}.spinner-ring{border-width:2px}}@media (hover: none) and (pointer: coarse){.video-thumbnails-overlay{display:none}}.hero{min-height:100vh;display:grid;grid-template-columns:1fr 1fr;gap:var(--space-xl);padding:calc(var(--header-height) + var(--space-xl)) var(--container-padding) var(--space-xl);max-width:var(--container-max);margin:0 auto;position:relative}@media (max-width: 1024px){.hero{grid-template-columns:1fr;min-height:auto;padding-top:calc(var(--header-height) + var(--space-lg));padding-bottom:var(--space-2xl)}}.hero-content{display:flex;flex-direction:column;justify-content:center;padding:var(--space-xl) 0}.hero-eyebrow{font-size:.75rem;font-weight:400;letter-spacing:.2em;text-transform:uppercase;color:var(--color-accent);margin-bottom:var(--space-lg);animation:fadeInUp .8s ease forwards;animation-delay:.2s;opacity:0}.hero-title{font-size:clamp(3rem,8vw,6rem);font-weight:300;line-height:1.1;margin-bottom:var(--space-lg)}.title-line{display:block;animation:fadeInUp .8s ease forwards;opacity:0}.title-line:nth-child(1){animation-delay:.3s}.title-line:nth-child(2){animation-delay:.4s}.title-line:nth-child(3){animation-delay:.5s}.title-italic{font-style:italic;color:var(--color-accent)}.hero-description{font-size:1.125rem;color:var(--color-text-muted);max-width:32ch;margin-bottom:var(--space-xl);animation:fadeInUp .8s ease forwards;animation-delay:.6s;opacity:0}.hero-cta{display:flex;flex-wrap:wrap;gap:var(--space-md);animation:fadeInUp .8s ease forwards;animation-delay:.7s;opacity:0}.hero-visual{position:relative;display:flex;align-items:center;justify-content:center;animation:fadeIn 1.2s ease forwards;animation-delay:.4s;opacity:0}@media (max-width: 1024px){.hero-visual{order:-1;min-height:50vh}}.hero-frame{position:relative;width:100%;max-width:500px;aspect-ratio:3 / 4;overflow:hidden}.hero-placeholder{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,var(--color-bg-muted),var(--color-surface));display:flex;align-items:center;justify-content:center;overflow:hidden}.placeholder-grain{position:absolute;top:0;right:0;bottom:0;left:0;opacity:.4;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)'/%3E%3C/svg%3E")}.placeholder-gradient{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at 30% 20%,var(--color-accent-muted) 0%,transparent 50%),radial-gradient(ellipse at 70% 80%,var(--color-accent-muted) 0%,transparent 50%)}.placeholder-text{font-family:var(--font-display);font-size:8rem;font-weight:300;font-style:italic;color:var(--color-accent);opacity:.3;position:relative;z-index:1}.hero-frame-border{position:absolute;top:-1rem;right:-1rem;bottom:-1rem;left:-1rem;border:1px solid var(--color-border);pointer-events:none}.scroll-indicator{position:absolute;bottom:var(--space-xl);left:var(--container-padding);display:flex;flex-direction:column;align-items:center;gap:var(--space-sm);animation:fadeIn 1s ease forwards;animation-delay:1s;opacity:0}@media (max-width: 1024px){.scroll-indicator{display:none}}.scroll-indicator span{font-size:.75rem;letter-spacing:.1em;text-transform:uppercase;color:var(--color-text-subtle);writing-mode:vertical-rl}.scroll-line{width:1px;height:4rem;background:linear-gradient(to bottom,var(--color-accent),transparent);animation:scrollPulse 2s ease-in-out infinite}@keyframes scrollPulse{0%,to{transform:scaleY(1);opacity:1}50%{transform:scaleY(.5);opacity:.5}}.featured{padding:var(--space-2xl) var(--container-padding);max-width:var(--container-max);margin:0 auto}.section-header{text-align:center;margin-bottom:var(--space-xl)}.featured-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--space-lg);margin-bottom:var(--space-xl)}.featured-item{position:relative;overflow:hidden;cursor:pointer}.featured-media{aspect-ratio:4 / 5;overflow:hidden;background-color:var(--color-bg-muted)}.media-placeholder{width:100%;height:100%;background:linear-gradient(135deg,var(--color-bg-muted),var(--color-surface));position:relative}.media-placeholder:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at center,var(--color-accent-muted),transparent 70%)}.featured-item img,.featured-item video{width:100%;height:100%;object-fit:cover;transition:var(--theme-transition),transform var(--transition-slow)}.featured-item:hover img,.featured-item:hover video{transform:scale(1.05)}.featured-info{padding:var(--space-md) 0}.featured-category{font-size:.75rem;letter-spacing:.1em;text-transform:uppercase;color:var(--color-text-subtle);display:block;margin-bottom:var(--space-xs)}.featured-title{font-size:1.5rem;font-weight:400}.featured-item:hover .featured-title{color:var(--color-accent)}.section-cta{text-align:center}.about-teaser{padding:var(--space-2xl) var(--container-padding);background-color:var(--color-bg-muted);border-top:1px solid var(--color-border);border-bottom:1px solid var(--color-border)}.about-content{max-width:48rem;margin:0 auto;text-align:center}.about-quote{font-family:var(--font-display);font-size:clamp(1.5rem,4vw,2.5rem);font-weight:300;font-style:italic;line-height:1.4;color:var(--color-text);margin:var(--space-lg) 0}.about-attribution{font-size:1rem;color:var(--color-accent);margin-bottom:var(--space-xl)}.work-page-header{margin-top:var(--header-height);padding:var(--space-md) var(--container-padding)}.back-to-home{display:inline-flex;align-items:center;gap:var(--space-sm);font-size:.875rem;font-weight:400;letter-spacing:.05em;text-transform:uppercase;color:var(--color-text-muted);text-decoration:none;padding:var(--space-sm) var(--space-md);background-color:var(--color-bg);border:1px solid var(--color-border);border-radius:.25rem}.back-to-home svg{transform:rotate(180deg)}.back-to-home:hover{color:var(--color-accent);border-color:var(--color-accent);transform:translate(-4px)}.back-to-home:hover svg{transform:rotate(180deg) translate(4px)}@media (max-width: 768px){.work-page-header{padding:var(--space-sm) var(--container-padding)}.back-to-home{font-size:.75rem;padding:.375rem .625rem;gap:.25rem}.back-to-home svg{width:14px;height:14px}}.video-section{--video-bg: #000;--video-control-color: #fff;--video-control-muted: rgba(255, 255, 255, .7);--video-control-bg: rgba(255, 255, 255, .1);--video-control-border: rgba(255, 255, 255, .2);--video-control-hover: rgba(255, 255, 255, .2);--video-progress-bg: rgba(255, 255, 255, .2);--video-dropdown-bg: rgba(0, 0, 0, .95)}.video-section{position:relative;width:100%;background:var(--video-bg)}.video-container{position:relative;width:100%;aspect-ratio:16 / 9;background:var(--video-bg)}.video-container video{width:100%;height:100%;object-fit:contain}.video-controls{position:absolute;bottom:0;left:0;right:0;padding:var(--space-md) var(--space-lg);background:linear-gradient(to top,rgba(0,0,0,.8) 0%,transparent 100%);display:flex;align-items:center;gap:var(--space-md);opacity:0;transition:opacity var(--transition-base);touch-action:manipulation}.video-container:hover .video-controls,.video-container.controls-visible .video-controls{opacity:1}.control-btn{background:none;border:none;color:var(--video-control-color);cursor:pointer;padding:var(--space-sm);min-width:44px;min-height:44px;display:flex;align-items:center;justify-content:center;transition:transform var(--transition-fast);-webkit-tap-highlight-color:transparent}@media (hover: hover){.control-btn:hover{transform:scale(1.1)}}.control-btn:active{transform:scale(.95)}.control-btn svg{width:1.5rem;height:1.5rem}.progress-container{flex:1;height:8px;background:var(--video-progress-bg);border-radius:4px;cursor:pointer;position:relative;touch-action:manipulation}.progress-bar{height:100%;background:var(--color-accent);border-radius:4px;width:0%;transition:width .1s linear;pointer-events:none}@media (hover: hover){.progress-container{height:4px;border-radius:2px}.progress-bar{border-radius:2px}.progress-container:hover{height:8px;border-radius:4px}.progress-container:hover .progress-bar{border-radius:4px}}.time-display{font-size:.8125rem;color:var(--video-control-muted);font-variant-numeric:tabular-nums;min-width:100px;text-align:center;white-space:nowrap}@media (max-width: 480px){.time-display{min-width:auto}.time-separator,.time-duration{display:none}}.quality-selector{position:relative}.quality-btn{background:var(--video-control-bg);border:1px solid var(--video-control-border);border-radius:.25rem;color:var(--video-control-color);font-family:var(--font-body);font-size:.75rem;font-weight:400;padding:.375rem .75rem;cursor:pointer;transition:all var(--transition-fast);-webkit-tap-highlight-color:transparent}@media (hover: hover){.quality-btn:hover{background:var(--video-control-hover);border-color:#fff6}}.quality-btn:active{background:var(--video-control-hover)}.quality-dropdown{position:absolute;bottom:calc(100% + .5rem);right:0;background:var(--video-dropdown-bg);border:1px solid var(--video-control-border);border-radius:.5rem;padding:var(--space-xs);min-width:100px;opacity:0;visibility:hidden;transform:translateY(.5rem);transition:all .2s ease}.quality-selector.open .quality-dropdown{opacity:1;visibility:visible;transform:translateY(0)}.quality-option{display:block;width:100%;padding:var(--space-sm) .75rem;min-height:44px;background:none;border:none;color:var(--video-control-muted);font-family:var(--font-body);font-size:.8125rem;text-align:left;cursor:pointer;border-radius:.25rem;transition:all var(--transition-fast);display:flex;align-items:center;-webkit-tap-highlight-color:transparent}@media (hover: hover){.quality-option:hover{background:var(--video-control-bg);color:var(--video-control-color)}}.quality-option:active{background:var(--video-control-bg);color:var(--video-control-color)}.quality-option.active{color:var(--color-accent)}.volume-control{display:flex;align-items:center;position:relative}.volume-btn svg{width:1.25rem;height:1.25rem}.volume-slider-container{width:0;overflow:hidden;transition:width .2s ease;display:flex;align-items:center}.volume-slider-container.visible{width:80px;padding-left:var(--space-sm)}.volume-slider{width:100%;height:8px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--video-progress-bg);border-radius:4px;cursor:pointer;touch-action:manipulation}.volume-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:18px;height:18px;border-radius:50%;background:var(--video-control-color);cursor:pointer;transition:transform var(--transition-fast)}.volume-slider::-moz-range-thumb{width:18px;height:18px;border-radius:50%;background:var(--video-control-color);border:none;cursor:pointer;transition:transform var(--transition-fast)}.volume-slider::-moz-range-track{background:var(--video-progress-bg);border-radius:4px}@media (hover: hover){.volume-slider{height:4px;border-radius:2px}.volume-slider::-webkit-slider-thumb{width:12px;height:12px}.volume-slider::-webkit-slider-thumb:hover{transform:scale(1.2)}.volume-slider::-moz-range-thumb{width:12px;height:12px}.volume-slider::-moz-range-thumb:hover{transform:scale(1.2)}.volume-slider::-moz-range-track{border-radius:2px}}@media (hover: none){.volume-control.expanded .volume-slider-container{width:80px;padding-left:var(--space-sm)}}.fullscreen-btn svg{width:1.25rem;height:1.25rem}@media (max-width: 600px){.video-controls{padding:var(--space-sm) var(--space-md);gap:var(--space-sm)}.control-btn svg{width:1.25rem;height:1.25rem}.volume-btn svg,.fullscreen-btn svg{width:1.125rem;height:1.125rem}.quality-btn{font-size:.6875rem;padding:.3125rem .625rem}.quality-option{min-height:40px;font-size:.75rem}}.project-info{max-width:800px;margin:0 auto;padding:var(--space-xl) var(--container-padding) 0;text-align:center;animation:fadeInUp .8s ease .2s forwards;opacity:0}@media (min-width: 1024px){.project-info{max-width:1000px}}@media (min-width: 1440px){.project-info{max-width:1200px}}.project-title{font-family:var(--font-display);font-size:clamp(2.5rem,6vw,4rem);font-weight:300;font-style:italic;letter-spacing:.02em;margin-bottom:var(--space-sm);color:var(--color-text)}@media (min-width: 1024px){.project-title{font-size:clamp(3rem,6vw,5rem)}}.project-date{font-size:.875rem;letter-spacing:.15em;text-transform:uppercase;color:var(--color-accent);margin-bottom:var(--space-sm)}.project-location{display:inline-flex;align-items:center;gap:.375rem;font-size:.875rem;color:var(--color-text-muted);margin-bottom:var(--space-lg)}.project-location svg{opacity:.7}.project-divider{width:60px;height:1px;background:linear-gradient(90deg,transparent,var(--color-accent),transparent);margin:0 auto var(--space-lg)}.project-description{font-size:1.125rem;color:var(--color-text-muted);line-height:1.8;max-width:60ch;margin:0 auto}@media (min-width: 1024px){.project-description{font-size:1.25rem;max-width:70ch}}@media (min-width: 1440px){.project-description{font-size:1.375rem;max-width:75ch}}.video-placeholder{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:var(--video-bg);color:var(--color-text-subtle);gap:var(--space-md)}.video-placeholder svg{width:4rem;height:4rem;opacity:.5}.video-placeholder p{font-size:.875rem}.loading-state{display:flex;align-items:center;justify-content:center;min-height:50vh;color:var(--color-text-muted)}.image-section{position:relative;width:100%;background:var(--color-bg);margin-top:var(--header-height);padding:var(--space-xl) 0}.image-section img{width:100%;max-width:1920px;height:auto;display:block;margin:0 auto}@media (max-width: 768px){.video-controls{padding:.75rem var(--space-md);gap:var(--space-sm)}.time-display{font-size:.75rem;min-width:auto}.project-info{padding:var(--space-xl) var(--space-lg) var(--space-xl)}}.not-found{display:flex;align-items:center;justify-content:center;min-height:calc(100vh - var(--header-height) - 200px);padding:var(--space-xl) var(--container-padding)}.not-found-content{text-align:center;max-width:600px;width:100%}.not-found-code{font-size:clamp(4rem,10vw,8rem);margin-bottom:1rem;font-weight:var(--font-weight-bold);display:flex;align-items:center;justify-content:center;gap:0}.not-found-zero{height:1em;width:auto;vertical-align:middle}.not-found-message{font-size:clamp(1.25rem,3vw,2rem);margin-bottom:2rem;font-weight:var(--font-weight-medium)}.not-found-description{margin-bottom:2rem;opacity:.7;font-size:1.125rem}.not-found-actions{display:flex;flex-direction:column;gap:1rem;align-items:center}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(1.5rem)}to{opacity:1;transform:translateY(0)}}@media print{.header,.slide-menu,.menu-overlay,.scroll-indicator{display:none}body{background:#fff;color:#000}}