.mb-particle-container{transform-style:preserve-3d;will-change:transform}.mb-particle{will-change:transform,opacity}.mb-glow-card{--glow-intensity: 0;--glow-x: 50%;--glow-y: 50%;--glow-radius: 300px;--glow-color: 132, 0, 255;position:relative}.mb-glow-card:before{content:"";position:absolute;inset:0;border-radius:inherit;background:radial-gradient(var(--glow-radius) circle at var(--glow-x) var(--glow-y),rgba(var(--glow-color),calc(var(--glow-intensity) * .15)) 0%,transparent 70%);pointer-events:none;z-index:1;transition:opacity .3s ease}.mb-glow-card:after{content:"";position:absolute;inset:0;border-radius:inherit;padding:1px;background:linear-gradient(135deg,rgba(var(--glow-color),calc(var(--glow-intensity) * .6)) 0%,rgba(var(--glow-color),calc(var(--glow-intensity) * .2)) 50%,transparent 100%);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none;z-index:2}.mb-global-spotlight{will-change:left,top,opacity}.circular-gallery{width:100%;height:100%;overflow:hidden;cursor:grab}.circular-gallery:active{cursor:grabbing}.circular-gallery:focus-visible{outline:2px solid #fff;outline-offset:4px}.admin-root{min-height:100vh;background:var(--color-bg);color:var(--color-text-primary);font-family:var(--font-body)}.admin-login{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:var(--space-2xl);background:radial-gradient(circle at 20% 30%,rgba(232,255,58,.08),transparent 50%),radial-gradient(circle at 80% 70%,rgba(255,107,53,.06),transparent 50%),var(--color-bg)}.admin-login-card{width:100%;max-width:420px;padding:var(--space-3xl);background:var(--color-bg-elevated);border:1px solid var(--color-border-strong);border-radius:var(--radius-2xl);box-shadow:var(--shadow-xl)}.admin-login-title{font-family:var(--font-display);font-size:var(--text-3xl);font-weight:var(--font-weight-black);letter-spacing:var(--letter-spacing-tight);margin-bottom:var(--space-sm)}.admin-login-title span{color:var(--color-accent)}.admin-login-sub{font-size:var(--text-sm);color:var(--color-text-secondary);margin-bottom:var(--space-2xl)}.admin-field{margin-bottom:var(--space-lg)}.admin-label{display:block;font-family:var(--font-mono);font-size:var(--text-xs);font-weight:var(--font-weight-semibold);letter-spacing:var(--letter-spacing-wider);color:var(--color-text-secondary);text-transform:uppercase;margin-bottom:var(--space-xs)}.admin-input,.admin-textarea{width:100%;padding:var(--space-sm) var(--space-md);background:var(--color-bg);border:1px solid var(--color-border-strong);border-radius:var(--radius-md);color:var(--color-text-primary);font-family:var(--font-body);font-size:var(--text-sm);transition:border-color var(--duration-fast) var(--ease-default);box-sizing:border-box}.admin-input:focus,.admin-textarea:focus{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 3px #e8ff3a1a}.admin-textarea{min-height:96px;resize:vertical;line-height:var(--line-height-relaxed)}.admin-input[type=password]{letter-spacing:.2em}.admin-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-xs);height:44px;padding:0 var(--space-lg);font-family:var(--font-body);font-size:var(--text-sm);font-weight:var(--font-weight-semibold);border-radius:var(--radius-md);border:1px solid var(--color-border-strong);background:var(--color-bg-elevated);color:var(--color-text-primary);cursor:pointer;transition:all var(--duration-fast) var(--ease-default);text-decoration:none;white-space:nowrap}.admin-btn:hover{border-color:var(--color-accent);color:var(--color-accent)}.admin-btn-primary{background:var(--color-accent);color:var(--color-text-on-accent);border-color:var(--color-accent)}.admin-btn-primary:hover{background:var(--color-accent-hover);color:var(--color-text-on-accent);border-color:var(--color-accent-hover);transform:translateY(-1px)}.admin-btn-danger:hover{border-color:var(--color-secondary);color:var(--color-secondary)}.admin-btn:disabled{opacity:.5;cursor:not-allowed}.admin-btn-outline{background:transparent;border:1px solid var(--color-border);color:var(--color-text-primary);font-size:13px;padding:8px 16px;border-radius:8px;cursor:pointer;transition:all .2s ease;display:inline-flex;align-items:center;gap:6px}.admin-btn-outline:hover{background:var(--color-surface);border-color:var(--color-border-strong)}.admin-video-upload{margin:16px 0;display:flex;align-items:center}.admin-shell{min-height:100vh;display:grid;grid-template-columns:260px 1fr;grid-template-rows:auto 1fr;grid-template-areas:"topbar topbar" "sidebar content"}.admin-topbar{grid-area:topbar;position:sticky;top:0;z-index:10;display:flex;align-items:center;justify-content:space-between;gap:var(--space-md);padding:var(--space-md) var(--space-xl);background:#0f0e0de6;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--color-border-strong)}.admin-topbar-left{display:flex;align-items:center;gap:var(--space-md);min-width:0}.admin-topbar-title{font-family:var(--font-display);font-size:var(--text-lg);font-weight:var(--font-weight-bold);letter-spacing:var(--letter-spacing-tight)}.admin-topbar-title span{color:var(--color-accent)}.admin-save-badge{font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:var(--letter-spacing-wider);color:var(--color-text-tertiary)}.admin-save-badge.dirty{color:var(--color-secondary)}.admin-save-badge.saved{color:var(--color-accent)}.admin-topbar-actions{display:flex;gap:var(--space-sm);flex-wrap:wrap}.admin-sidebar{grid-area:sidebar;border-right:1px solid var(--color-border);padding:var(--space-lg) var(--space-md);overflow-y:auto;background:var(--color-bg)}.admin-nav-item{display:flex;align-items:center;gap:var(--space-sm);width:100%;padding:var(--space-sm) var(--space-md);background:transparent;border:none;border-radius:var(--radius-md);color:var(--color-text-secondary);font-family:var(--font-body);font-size:var(--text-sm);font-weight:var(--font-weight-medium);text-align:left;cursor:pointer;transition:all var(--duration-fast) var(--ease-default);margin-bottom:2px}.admin-nav-item:hover{background:var(--color-bg-elevated);color:var(--color-text-primary)}.admin-nav-item.active{background:#e8ff3a1a;color:var(--color-accent)}.admin-nav-item-num{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-text-tertiary);width:20px}.admin-nav-item.active .admin-nav-item-num{color:var(--color-accent)}.admin-content{grid-area:content;padding:var(--space-2xl);overflow-y:auto;max-width:920px;width:100%}.admin-section-title{font-family:var(--font-display);font-size:var(--text-2xl);font-weight:var(--font-weight-bold);letter-spacing:var(--letter-spacing-tight);margin-bottom:var(--space-xs)}.admin-section-desc{font-size:var(--text-sm);color:var(--color-text-secondary);margin-bottom:var(--space-2xl)}.admin-array-item{padding:var(--space-md);background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius-md);margin-bottom:var(--space-sm)}.admin-array-item-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-sm)}.admin-array-item-title{font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:var(--letter-spacing-wider);color:var(--color-text-tertiary);text-transform:uppercase;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:calc(100% - 40px)}.admin-item-preview{width:100%;margin-bottom:var(--space-sm);border-radius:var(--radius-sm);overflow:hidden;background:var(--color-bg);border:1px solid var(--color-border);aspect-ratio:16 / 10;display:flex;align-items:center;justify-content:center}.admin-item-preview img{width:100%;height:100%;object-fit:contain;display:block}.admin-array-remove{width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:transparent;border:1px solid var(--color-border-strong);border-radius:var(--radius-sm);color:var(--color-text-tertiary);cursor:pointer;font-size:var(--text-sm);transition:all var(--duration-fast) var(--ease-default)}.admin-array-remove:hover{border-color:var(--color-secondary);color:var(--color-secondary)}.admin-array-add{width:100%;padding:var(--space-sm);background:transparent;border:1px dashed var(--color-border-strong);border-radius:var(--radius-md);color:var(--color-text-secondary);font-size:var(--text-sm);cursor:pointer;transition:all var(--duration-fast) var(--ease-default)}.admin-array-add:hover{border-color:var(--color-accent);color:var(--color-accent)}.admin-batch-import-btn{width:100%;margin-top:var(--space-sm);padding:var(--space-sm) var(--space-md);background:#e8ff3a1f;border:1px solid rgba(232,255,58,.35);border-radius:var(--radius-md);color:var(--color-accent);font-size:var(--text-sm);font-weight:var(--font-weight-semibold);cursor:pointer;transition:all var(--duration-fast) var(--ease-default)}.admin-batch-import-btn:hover:not(:disabled){background:#e8ff3a33;border-color:var(--color-accent)}.admin-batch-import-btn:disabled{opacity:.6;cursor:progress}.admin-string-list-item{display:flex;align-items:center;gap:var(--space-sm);margin-bottom:var(--space-xs)}.admin-string-list-item .admin-input{flex:1}.admin-inline-field{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-sm)}.admin-hint{font-size:var(--text-xs);color:var(--color-text-tertiary);margin-top:var(--space-xs);line-height:var(--line-height-relaxed)}.admin-toast{position:fixed;bottom:var(--space-xl);right:var(--space-xl);z-index:100;padding:var(--space-md) var(--space-lg);background:var(--color-bg-elevated);border:1px solid var(--color-accent);border-radius:var(--radius-md);color:var(--color-accent);font-size:var(--text-sm);font-weight:var(--font-weight-semibold);box-shadow:var(--shadow-lg);animation:adminToastIn .3s var(--ease-out)}@keyframes adminToastIn{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}@media (max-width: 900px){.admin-shell{grid-template-columns:1fr;grid-template-areas:"topbar" "sidebar" "content"}.admin-sidebar{border-right:none;border-bottom:1px solid var(--color-border);padding:var(--space-sm);display:flex;gap:var(--space-xs);overflow-x:auto}.admin-nav-item{white-space:nowrap;margin-bottom:0}.admin-nav-item-num,.admin-topbar-actions .admin-btn span.hide-mobile{display:none}.admin-content{padding:var(--space-lg)}.admin-inline-field{grid-template-columns:1fr}}.admin-subpage-title{font-family:var(--font-display);font-size:var(--text-lg);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin-left:var(--space-md);opacity:.8}.admin-content--full{padding:var(--space-2xl) var(--space-3xl);max-width:900px;margin:0 auto;width:100%}.admin-brand-cover-preview{width:100%;aspect-ratio:16 / 9;border-radius:var(--radius-xl);overflow:hidden;background:var(--color-bg-glass);border:1px solid var(--color-border);display:flex;align-items:center;justify-content:center;margin-bottom:var(--space-2xl)}.admin-brand-cover-preview img{width:100%;height:100%;object-fit:cover;display:block}.admin-brand-cover-empty{width:100%;aspect-ratio:16 / 9;border-radius:var(--radius-xl);background:var(--color-bg-glass);border:1px dashed var(--color-border-strong);display:flex;align-items:center;justify-content:center;color:var(--color-text-tertiary);font-size:var(--text-sm);margin-bottom:var(--space-2xl)}.admin-subpage-header{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:var(--space-lg);padding-bottom:var(--space-sm);border-bottom:1px solid var(--color-border)}.admin-subpage-header h3{font-family:var(--font-display);font-size:var(--text-xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary)}.admin-subpage-count{font-size:var(--text-sm);color:var(--color-text-tertiary);background:var(--color-bg-glass);padding:2px 10px;border-radius:var(--radius-full)}.admin-brand-actions{margin-top:var(--space-sm);padding-top:var(--space-sm);border-top:1px solid var(--color-border)}.admin-brand-actions .admin-btn-outline{width:100%;text-align:center;justify-content:center;padding:var(--space-sm) var(--space-md);border:1px solid var(--color-accent);color:var(--color-accent);background:transparent;border-radius:var(--radius-md);cursor:pointer;font-size:var(--text-sm);transition:all var(--duration-fast) var(--ease-default)}.admin-brand-actions .admin-btn-outline:hover{background:#e8ff3a1a}.admin-brand-item{border-left:2px solid transparent}.admin-brand-item:hover{border-left-color:var(--color-accent)}@media (max-width: 768px){.admin-content--full{padding:var(--space-lg)}}.seatmap-app{min-height:100vh;background:var(--color-bg);color:var(--color-text-primary);display:flex;flex-direction:column;padding-top:var(--navbar-height)}.sm-topbar{position:fixed;top:var(--navbar-height);left:0;right:0;z-index:var(--z-sticky);height:52px;background:var(--color-bg-elevated);border-bottom:1px solid var(--color-border);padding:0 var(--space-lg);display:flex;align-items:center;gap:var(--space-md)}.sm-brand{display:flex;align-items:center;gap:var(--space-sm);font-family:var(--font-display);font-weight:var(--font-weight-bold);font-size:var(--text-lg);letter-spacing:var(--letter-spacing-tight);white-space:nowrap}.sm-brand-icon{width:22px;height:22px;color:var(--color-accent)}.sm-brand-text{background:linear-gradient(135deg,var(--color-accent),var(--color-secondary));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.sm-top-actions{display:flex;align-items:center;gap:var(--space-xs);margin-left:auto}.sm-divider{width:1px;height:24px;background:var(--color-border);margin:0 var(--space-xs)}.sm-export-group{display:flex;align-items:center;gap:var(--space-xs);padding:2px;background:var(--color-surface);border-radius:var(--radius-md);border:1px solid var(--color-border-strong)}.sm-export-group .et-btn{border:1px solid transparent;background:transparent;padding:var(--space-xs) var(--space-sm)}.sm-export-group .et-btn:hover:not(:disabled){background:var(--color-surface-hover);border-color:var(--color-accent);color:var(--color-accent)}.sm-export-group .et-btn:disabled{opacity:.5;cursor:wait}.sm-zoom-val{min-width:48px;text-align:center;font-size:var(--text-xs);font-variant-numeric:tabular-nums;color:var(--color-text-secondary)}.sm-toggle{display:none;background:var(--color-surface);border:1px solid var(--color-border-strong);border-radius:var(--radius-md);padding:var(--space-xs);color:var(--color-text-primary);cursor:pointer}.et-btn.active{background:var(--color-accent);color:var(--color-text-on-accent);border-color:var(--color-accent)}.sm-layout{display:flex;margin-top:52px;height:calc(100vh - var(--navbar-height) - 52px);overflow:hidden}.sm-sidebar{width:280px;flex-shrink:0;background:var(--color-bg);border-right:1px solid var(--color-border);overflow-y:auto;padding:var(--space-md)}.sm-sidebar-right{border-right:none;border-left:1px solid var(--color-border)}.sm-panel{display:flex;flex-direction:column;gap:var(--space-md)}.sm-canvas-wrap{flex:1;display:flex;flex-direction:column;min-width:0;position:relative;background:#0f0f12}.sm-canvas-scroll{flex:1;overflow:auto;padding:var(--space-xl);display:flex;align-items:flex-start;justify-content:center}.sm-svg{display:block;border-radius:var(--radius-md);box-shadow:0 8px 40px #00000080;flex-shrink:0}.sm-statusbar{height:32px;background:var(--color-bg-elevated);border-top:1px solid var(--color-border);padding:0 var(--space-lg);display:flex;align-items:center;gap:var(--space-sm);font-size:var(--text-xs);color:var(--color-text-secondary);font-variant-numeric:tabular-nums}.et-nav-icon{width:18px;height:18px;flex-shrink:0}.et-card{background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-lg)}.et-card-title{font-family:var(--font-display);font-size:var(--text-base);font-weight:var(--font-weight-semibold);margin-bottom:var(--space-md);display:flex;align-items:center;gap:var(--space-sm);color:var(--color-text-primary)}.sm-card{padding:var(--space-md)}.sm-card-hint{font-size:var(--text-xs);color:var(--color-text-tertiary);margin:0 0 var(--space-sm);line-height:1.5}.et-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-xs);padding:var(--space-sm) var(--space-md);font-size:var(--text-sm);font-weight:var(--font-weight-medium);border-radius:var(--radius-md);border:1px solid transparent;transition:all var(--duration-fast) var(--ease-default);white-space:nowrap;cursor:pointer;background:var(--color-surface);color:var(--color-text-primary)}.et-btn:disabled{opacity:.5;cursor:not-allowed}.et-btn-primary{background:var(--color-accent);color:var(--color-text-on-accent);border-color:var(--color-accent)}.et-btn-primary:hover:not(:disabled){background:var(--color-accent-hover);transform:translateY(-1px);box-shadow:var(--shadow-accent)}.et-btn-secondary{background:var(--color-surface);color:var(--color-text-primary);border-color:var(--color-border-strong)}.et-btn-secondary:hover:not(:disabled){background:var(--color-surface-hover);border-color:var(--color-accent)}.et-btn-danger{background:var(--color-error);color:#fff;border-color:var(--color-error)}.et-btn-danger:hover:not(:disabled){background:#ff7875}.et-btn-sm{padding:var(--space-xs) var(--space-sm);font-size:var(--text-xs)}.et-input,.et-select,.et-textarea{width:100%;padding:var(--space-sm) var(--space-md);background:var(--color-surface);border:1px solid var(--color-border-strong);border-radius:var(--radius-md);color:var(--color-text-primary);font-size:var(--text-sm);transition:all var(--duration-fast) var(--ease-default);font-family:inherit}.et-input:focus,.et-select:focus,.et-textarea:focus{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 3px var(--color-border-accent)}.et-input::placeholder{color:var(--color-text-tertiary)}.et-label{display:block;font-size:var(--text-xs);font-weight:var(--font-weight-medium);color:var(--color-text-secondary);margin-bottom:var(--space-xs);letter-spacing:.02em}.et-form-group{margin-bottom:var(--space-md)}.et-form-group:last-child{margin-bottom:0}.et-form-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-sm)}.et-color-picker{display:flex;align-items:center;gap:var(--space-sm)}.et-color-input{width:44px;height:38px;border:1px solid var(--color-border-strong);border-radius:var(--radius-md);background:var(--color-surface);padding:2px;cursor:pointer;flex-shrink:0}.et-color-input::-webkit-color-swatch-wrapper{padding:0}.et-color-input::-webkit-color-swatch{border:none;border-radius:calc(var(--radius-md) - 2px)}.et-upload-zone{border:2px dashed var(--color-border-strong);border-radius:var(--radius-md);padding:var(--space-xl) var(--space-md);text-align:center;transition:all var(--duration-fast) var(--ease-default);cursor:pointer;background:var(--color-surface);display:block}.et-upload-zone:hover,.et-upload-zone.dragover{border-color:var(--color-accent);background:#e8ff3a0a}.et-upload-zone .et-nav-icon{width:32px;height:32px;color:var(--color-text-tertiary);margin:0 auto var(--space-sm);display:block}.et-upload-title{font-size:var(--text-sm);font-weight:var(--font-weight-medium);margin-bottom:var(--space-xs)}.et-upload-hint{font-size:var(--text-xs);color:var(--color-text-tertiary)}.sm-upload-zone{padding:var(--space-xl) var(--space-sm)}.et-toast-container{position:fixed;bottom:var(--space-2xl);left:50%;transform:translate(-50%);z-index:var(--z-toast, 9999);display:flex;flex-direction:column;gap:var(--space-sm);pointer-events:none}.et-toast{background:var(--color-bg-elevated);border:1px solid var(--color-border-strong);border-radius:var(--radius-md);padding:var(--space-sm) var(--space-lg);display:flex;align-items:center;gap:var(--space-sm);font-size:var(--text-sm);box-shadow:var(--shadow-lg);animation:et-toast-in .2s var(--ease-default)}.et-toast.success{border-color:var(--color-success);color:var(--color-success)}.et-toast.error{border-color:var(--color-error);color:var(--color-error)}@keyframes et-toast-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.sm-bg-preview{width:100%;height:100px;object-fit:cover;border-radius:var(--radius-md);border:1px solid var(--color-border-strong);margin-bottom:var(--space-sm)}.sm-bg-actions{display:flex;gap:var(--space-xs)}.sm-range{width:100%;-webkit-appearance:none;appearance:none;height:6px;background:var(--color-surface);border-radius:3px;border:1px solid var(--color-border-strong);outline:none}.sm-range::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:18px;height:18px;border-radius:50%;background:var(--color-accent);border:2px solid var(--color-bg-elevated);cursor:pointer;box-shadow:0 1px 4px #0000004d}.sm-range::-moz-range-thumb{width:16px;height:16px;border-radius:50%;background:var(--color-accent);border:2px solid var(--color-bg-elevated);cursor:pointer}.sm-batch-row{display:flex;gap:var(--space-xs);align-items:center}.sm-batch-row .et-input{flex:1}.sm-color-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:var(--space-xs)}.sm-color-swatch{width:100%;aspect-ratio:1;border-radius:var(--radius-sm);border:2px solid transparent;cursor:pointer;transition:all var(--duration-fast) var(--ease-default);position:relative}.sm-color-swatch:hover{transform:scale(1.1)}.sm-color-swatch.active{border-color:var(--color-text-primary);box-shadow:0 0 0 2px var(--color-bg-elevated),0 0 0 4px var(--color-accent)}.sm-rotate-presets{display:flex;gap:var(--space-xs);margin-top:var(--space-sm);flex-wrap:wrap}.sm-rotate-presets .et-btn{flex:1;min-width:44px}.sm-rotate-input-row{display:flex;align-items:center;gap:var(--space-xs);width:100%}.sm-rotate-input-row .sm-range{flex:1;min-width:80px}.sm-rotate-num{width:56px!important;flex:0 0 auto;text-align:center;padding-left:var(--space-xs);padding-right:var(--space-xs)}.sm-rotate-unit{flex:0 0 auto;color:var(--color-text-secondary);font-size:13px;font-weight:600}.sm-prop-actions{display:flex;gap:var(--space-xs);margin-top:var(--space-md);padding-top:var(--space-md);border-top:1px solid var(--color-border)}.sm-prop-actions .et-btn{flex:1}.sm-stat-list{display:flex;flex-direction:column;gap:var(--space-sm)}.sm-stat-row{display:flex;justify-content:space-between;align-items:center;padding:var(--space-sm) var(--space-md);background:var(--color-surface);border-radius:var(--radius-md);font-size:var(--text-sm)}.sm-stat-row b{font-family:var(--font-display);font-size:var(--text-lg);font-variant-numeric:tabular-nums}.sm-multi-count{text-align:center;padding:var(--space-sm);margin-bottom:var(--space-sm);background:#e8ff3a1f;border-radius:var(--radius-md);font-size:var(--text-sm);color:var(--color-text)}.sm-multi-count b{color:var(--color-accent);font-size:var(--text-lg);font-family:var(--font-display);margin:0 4px}.sm-align-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:var(--space-xs)}.sm-align-grid .et-btn{width:100%}.sm-seat-summary{margin-top:calc(var(--space-sm) * -1);margin-bottom:var(--space-md);padding:var(--space-xs) var(--space-sm);font-size:var(--text-xs);color:var(--color-text-secondary);text-align:center;background:var(--color-surface);border-radius:var(--radius-sm)}.sm-seat-summary b{color:var(--color-accent);font-family:var(--font-display);margin:0 2px}.sm-tips{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--space-sm)}.sm-tips li{font-size:var(--text-xs);color:var(--color-text-secondary);line-height:1.6;padding-left:var(--space-md);position:relative}.sm-tips li:before{content:"";position:absolute;left:0;top:7px;width:4px;height:4px;border-radius:50%;background:var(--color-accent)}.sm-tips b{color:var(--color-text-primary)}.sm-seat-list{display:flex;flex-direction:column;gap:var(--space-xs);max-height:400px;overflow-y:auto}.sm-seat-item{display:flex;align-items:center;gap:var(--space-sm)}.sm-seat-no{width:24px;height:24px;border-radius:50%;background:var(--color-surface);border:1px solid var(--color-border-strong);display:flex;align-items:center;justify-content:center;font-size:var(--text-xs);font-weight:var(--font-weight-semibold);flex-shrink:0}.sm-seat-input{flex:1;padding:var(--space-xs) var(--space-sm);font-size:var(--text-xs)}.sm-checkbox-row{display:flex;align-items:center;gap:var(--space-sm);font-size:var(--text-sm);cursor:pointer;padding:var(--space-sm) 0}.sm-checkbox-row input{width:16px;height:16px;cursor:pointer}.sm-rotate-handle:hover circle{filter:brightness(1.15)}@media (max-width: 1280px){.sm-sidebar{width:240px}.sm-color-grid{grid-template-columns:repeat(4,1fr)}}@media (max-width: 1024px){.sm-topbar{padding:0 var(--space-md)}.sm-brand-text,.hide-sm{display:none}.sm-sidebar{width:220px}.sm-top-actions{gap:2px}}@media (max-width: 768px){.sm-toggle{display:flex;align-items:center;justify-content:center}.sm-sidebar{width:100%;position:absolute;top:52px;bottom:0;z-index:10}.sm-sidebar-right{display:none}.sm-layout{position:relative}.sm-statusbar{font-size:10px;gap:var(--space-xs);padding:0 var(--space-sm)}}.sm-sidebar::-webkit-scrollbar,.sm-canvas-scroll::-webkit-scrollbar,.sm-seat-list::-webkit-scrollbar{width:8px;height:8px}.sm-sidebar::-webkit-scrollbar-track,.sm-canvas-scroll::-webkit-scrollbar-track,.sm-seat-list::-webkit-scrollbar-track{background:transparent}.sm-sidebar::-webkit-scrollbar-thumb,.sm-canvas-scroll::-webkit-scrollbar-thumb,.sm-seat-list::-webkit-scrollbar-thumb{background:var(--color-border-strong);border-radius:4px}.sm-sidebar::-webkit-scrollbar-thumb:hover,.sm-canvas-scroll::-webkit-scrollbar-thumb:hover{background:var(--color-text-tertiary)}:root{--color-bg: #0f0e0d;--color-bg-elevated: #1a1816;--color-surface: #252220;--color-surface-hover: #2f2b28;--color-accent: #e8ff3a;--color-accent-hover: #f0ff5a;--color-accent-pressed: #d4e620;--color-secondary: #ff5e5b;--color-secondary-hover: #ff7875;--color-tertiary: #3aff9e;--color-tertiary-dim: rgba(58, 255, 158, .15);--color-text-primary: #fafaf7;--color-text-secondary: #a8a39d;--color-text-tertiary: #6b6660;--color-text-on-accent: #0f0e0d;--color-border: rgba(255, 255, 255, .08);--color-border-strong: rgba(255, 255, 255, .15);--color-border-accent: rgba(232, 255, 58, .3);--color-success: #3aff9e;--color-warning: #ffb347;--color-error: #ff5e5b;--color-info: #4dc4ff;--color-bg-light: #faf9f6;--color-text-light: #0f0e0d;--color-accent-light: #c8e000;--font-display: "Fraunces", "Newsreader", Georgia, serif;--font-body: "Outfit", "Figtree", -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;--font-mono: "JetBrains Mono", "Fira Code", "Cascadia Code", monospace;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.25rem;--text-xl: 1.5rem;--text-2xl: 2rem;--text-3xl: 2.5rem;--text-4xl: 3.25rem;--text-5xl: 4rem;--text-6xl: 5.25rem;--font-weight-light: 300;--font-weight-regular: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--font-weight-black: 900;--line-height-tight: 1.1;--line-height-snug: 1.3;--line-height-normal: 1.5;--line-height-relaxed: 1.7;--letter-spacing-tight: -.03em;--letter-spacing-normal: 0;--letter-spacing-wide: .05em;--letter-spacing-wider: .1em;--letter-spacing-widest: .2em;--measure-narrow: 45ch;--measure-normal: 65ch;--measure-wide: 75ch;--space-3xs: 2px;--space-2xs: 4px;--space-xs: 8px;--space-sm: 12px;--space-md: 16px;--space-lg: 24px;--space-xl: 32px;--space-2xl: 48px;--space-3xl: 64px;--space-4xl: 96px;--space-5xl: 128px;--space-inline: var(--space-xs);--space-stack: var(--space-md);--space-section: var(--space-4xl);--space-page: var(--space-2xl);--radius-sm: 4px;--radius-md: 8px;--radius-lg: 16px;--radius-xl: 24px;--radius-full: 9999px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .3);--shadow-md: 0 4px 12px rgba(0, 0, 0, .4);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .5);--shadow-xl: 0 16px 48px rgba(0, 0, 0, .6);--shadow-accent: 0 0 24px rgba(232, 255, 58, .25);--shadow-accent-strong: 0 0 48px rgba(232, 255, 58, .4);--z-base: 1;--z-dropdown: 100;--z-sticky: 200;--z-navbar: 300;--z-overlay: 400;--z-modal-backdrop: 500;--z-modal: 600;--z-toast: 700;--z-tooltip: 800;--ease-default: cubic-bezier(.4, 0, .2, 1);--ease-in: cubic-bezier(.4, 0, 1, 1);--ease-out: cubic-bezier(0, 0, .2, 1);--ease-in-out: cubic-bezier(.4, 0, .2, 1);--ease-bounce: cubic-bezier(.34, 1.56, .64, 1);--ease-elastic: cubic-bezier(.68, -.55, .265, 1.55);--duration-fast: .15s;--duration-normal: .3s;--duration-slow: .5s;--duration-slower: .8s;--width-page: 1280px;--width-content: 1080px;--width-narrow: 720px;--width-full: 100%;--grid-columns: 12;--grid-gap: var(--space-lg);--grid-margin: var(--space-2xl);--bp-sm: 640px;--bp-md: 768px;--bp-lg: 1024px;--bp-xl: 1280px;--bp-2xl: 1536px;--button-height-sm: 36px;--button-height-md: 44px;--button-height-lg: 56px;--button-padding-x: var(--space-lg);--card-padding: var(--space-lg);--card-border-width: 1px;--card-hover-scale: 1.02;--cursor-size: 20px;--cursor-blend-mode: difference;--navbar-height: 72px;--navbar-blur: 12px}[data-theme=light]{--color-bg: #faf9f6;--color-bg-elevated: #f0eee9;--color-surface: #e8e5df;--color-surface-hover: #ddd9d2;--color-accent: #c8e000;--color-accent-hover: #d4e800;--color-accent-pressed: #b0c800;--color-text-primary: #0f0e0d;--color-text-secondary: #4a4540;--color-text-tertiary: #8a8580;--color-text-on-accent: #faf9f6;--color-border: rgba(0, 0, 0, .1);--color-border-strong: rgba(0, 0, 0, .2);--color-border-accent: rgba(200, 224, 0, .4)}html{color-scheme:dark}html{scroll-behavior:smooth}body{font-family:var(--font-body);font-size:var(--text-base);line-height:var(--line-height-normal);color:var(--color-text-primary);background-color:var(--color-bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;font-kerning:normal}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);font-weight:var(--font-weight-bold);line-height:var(--line-height-tight);letter-spacing:var(--letter-spacing-tight)}a{color:var(--color-accent);text-decoration:none;transition:color var(--duration-fast) var(--ease-default)}a:hover{color:var(--color-accent-hover)}::selection{background-color:var(--color-accent);color:var(--color-text-on-accent)}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:var(--color-bg)}::-webkit-scrollbar-thumb{background:var(--color-surface);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--color-surface-hover)}img{max-width:100%;height:auto;display:block}button{font-family:inherit;cursor:pointer;border:none;background:none}input,textarea,select{font-family:inherit;font-size:inherit}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}html,body{cursor:none}body.admin-active,.admin-app,body.admin-active a,body.admin-active button,body.admin-active [role=button],body.admin-active input,body.admin-active textarea,body.admin-active select{cursor:auto}a,button,[role=button],input,textarea,select{cursor:none}.cursor-plane-dot,.cursor-plane-ring{position:fixed;top:0;left:0;pointer-events:none;z-index:var(--z-tooltip);will-change:transform,left,top;user-select:none;-webkit-user-drag:none}.cursor-trail-canvas{position:fixed;top:0;left:0;width:100vw;height:100vh;pointer-events:none;z-index:var(--z-tooltip);mix-blend-mode:screen}body.admin-active .cursor-trail-canvas{display:none}@media (prefers-reduced-motion: reduce){.cursor-trail-canvas{display:none}}.cursor-plane-dot{width:24px;height:24px;transform:translate(-50%,-50%);transition:width var(--duration-fast) var(--ease-default),height var(--duration-fast) var(--ease-default);filter:drop-shadow(0 2px 6px rgba(0,0,0,.4))}.cursor-plane-dot.hover{width:32px;height:32px}.cursor-plane-ring{width:44px;height:44px;transform:translate(-50%,-50%);transition:width var(--duration-fast) var(--ease-default),height var(--duration-fast) var(--ease-default),transform .08s var(--ease-out);opacity:.7;filter:grayscale(30%)}.cursor-plane-ring.hover{width:60px;height:60px;opacity:.9;filter:none}@media (hover: none){.cursor-plane-dot,.cursor-plane-ring{display:none}}.navbar{position:fixed;top:0;left:0;right:0;height:var(--navbar-height);z-index:var(--z-navbar);display:flex;align-items:center;justify-content:space-between;padding:0 var(--space-2xl);background:#0f0e0db3;backdrop-filter:blur(var(--navbar-blur));-webkit-backdrop-filter:blur(var(--navbar-blur));border-bottom:1px solid var(--color-border);transition:transform var(--duration-normal) var(--ease-default)}.navbar-logo{font-family:var(--font-display);font-size:var(--text-xl);font-weight:var(--font-weight-bold);letter-spacing:var(--letter-spacing-tight);color:var(--color-text-primary);text-decoration:none}.navbar-logo span{color:var(--color-accent)}.navbar-links{display:flex;gap:var(--space-xl);list-style:none;margin:0;padding:0}.navbar-links a{font-size:var(--text-sm);font-weight:var(--font-weight-medium);letter-spacing:var(--letter-spacing-wide);color:var(--color-text-secondary);text-decoration:none;text-transform:uppercase;transition:color var(--duration-fast) var(--ease-default);position:relative}.navbar-links a:after{content:"";position:absolute;bottom:-4px;left:0;width:0;height:2px;background:var(--color-accent);transition:width var(--duration-fast) var(--ease-default)}.navbar-links a:hover{color:var(--color-accent)}.navbar-links a:hover:after{width:100%}.section{max-width:var(--width-content);margin:0 auto;padding:var(--space-5xl) var(--space-2xl);position:relative}.section-label{font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:var(--letter-spacing-widest);text-transform:uppercase;color:var(--color-accent);margin-bottom:var(--space-md);display:flex;align-items:center;gap:var(--space-sm)}.section-label:before{content:"";width:32px;height:1px;background:var(--color-accent)}.hero{min-height:100vh;position:relative;overflow:hidden;width:100%;background:var(--color-bg);display:flex;align-items:center}.hero-split-inner{display:flex;align-items:center;gap:var(--space-4xl);width:100%;max-width:var(--width-content);margin:0 auto;padding:var(--space-5xl) var(--space-2xl);min-height:100vh;box-sizing:border-box}.hero-full{background:var(--color-bg)}.hero-bg-media{position:absolute;top:0;right:0;width:55%;height:90%;overflow:hidden;z-index:1}.hero-bg-canvas{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 15%}.hero-bg-overlay{position:absolute;inset:0;z-index:2;pointer-events:none;background:linear-gradient(to top,var(--color-bg) 0%,rgba(15,14,13,.85) 18%,rgba(15,14,13,.4) 40%,transparent 65%),linear-gradient(to right,var(--color-bg) 0%,rgba(15,14,13,.95) 12%,rgba(15,14,13,.82) 22%,rgba(15,14,13,.65) 32%,rgba(15,14,13,.42) 44%,rgba(15,14,13,.22) 56%,rgba(15,14,13,.08) 68%,transparent 80%)}.hero-full-inner{position:relative;z-index:3;width:100%;max-width:var(--width-content);margin:0 auto;padding:var(--space-5xl) var(--space-2xl);min-height:100vh;display:flex;align-items:center;box-sizing:border-box}.hero-full-content{max-width:580px}.hero-full-title{font-size:var(--text-7xl);margin-bottom:var(--space-xl)}.hero-full-actions{margin-top:var(--space-2xl)}.hero-full-loading{bottom:var(--space-3xl);right:var(--space-3xl)}.hero-split-text{flex:1;min-width:0;position:relative;z-index:2}.hero-split-content{max-width:620px}.hero-split-video{flex:0 0 40%;max-width:440px;position:relative;z-index:2;display:flex;align-items:center;justify-content:flex-end}.hero-video-split-frame{position:relative;width:100%;aspect-ratio:3 / 4;max-height:82vh;border-radius:var(--radius-3xl);overflow:hidden;box-shadow:0 40px 80px -20px #0009,0 0 0 1px #ffffff0f inset}.hero-video-split-bg{position:absolute;inset:0;overflow:hidden;border-radius:var(--radius-3xl)}.hero-video-split-canvas{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 20%;filter:brightness(1)}.hero-video-split-tag{position:absolute;bottom:-14px;left:50%;transform:translate(-50%);z-index:3;display:inline-flex;align-items:center;gap:var(--space-sm);padding:var(--space-xs) var(--space-md);font-family:var(--font-mono);font-size:var(--text-xs);font-weight:var(--font-weight-semibold);letter-spacing:var(--letter-spacing-wider);color:var(--color-text-primary);background:#141312f2;border:1px solid var(--color-border-strong);border-radius:var(--radius-full);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);box-shadow:var(--shadow-lg);white-space:nowrap}.hero-video-tag-dot{width:6px;height:6px;border-radius:var(--radius-full);background:var(--color-accent);box-shadow:0 0 8px var(--color-accent);animation:pulse 2s var(--ease-in-out) infinite}.hero-bg-video-autoplay{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 15%;pointer-events:none}.hero-bg-loading{position:absolute;bottom:32px;right:32px;z-index:5;display:inline-flex;align-items:center;gap:var(--space-sm);padding:var(--space-xs) var(--space-md);font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:var(--letter-spacing-wider);color:var(--color-text-secondary);background:#141312cc;border:1px solid var(--color-border-strong);border-radius:var(--radius-full);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.hero-split-loading{bottom:16px;right:16px}.hero-bg-loading-dot{width:6px;height:6px;border-radius:var(--radius-full);background:var(--color-accent);animation:pulse 1.2s var(--ease-in-out) infinite}.hero-badge{display:inline-flex;align-items:center;gap:var(--space-sm);padding:var(--space-xs) var(--space-lg);font-size:var(--text-sm);font-weight:var(--font-weight-medium);color:var(--color-accent);background:#e8ff3a14;border:1px solid rgba(232,255,58,.2);border-radius:var(--radius-full);margin-bottom:var(--space-lg);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.hero-badge-dot{width:8px;height:8px;border-radius:var(--radius-full);background:var(--color-accent);box-shadow:0 0 12px var(--color-accent);animation:pulse 2s var(--ease-in-out) infinite}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(.85)}}.hero-eyebrow{font-family:var(--font-mono);font-size:var(--text-sm);color:var(--color-accent);letter-spacing:var(--letter-spacing-wider);margin-bottom:var(--space-md)}.hero-title{font-family:Noto Sans SC,Outfit,-apple-system,BlinkMacSystemFont,PingFang SC,Microsoft YaHei,sans-serif;font-size:var(--text-6xl);font-weight:900;line-height:1.05;letter-spacing:-.02em;margin-bottom:var(--space-lg);max-width:800px}.hero-split-title{font-size:var(--text-5xl)}.hero-line{display:block;overflow:hidden;padding-bottom:.05em}.hero-title .accent{color:var(--color-accent);font-style:normal;font-weight:900}.hero-title .secondary{color:var(--color-secondary)}.hero-bottom-desc{font-size:var(--text-base);line-height:var(--line-height-relaxed);color:var(--color-text-secondary);max-width:560px;margin-bottom:var(--space-lg)}.hero-bottom-about{margin-bottom:var(--space-lg);max-width:520px}.hero-bottom-about p{font-size:var(--text-sm);line-height:var(--line-height-relaxed);color:var(--color-text-tertiary)}.hero-bottom-about p strong{color:var(--color-text-primary);font-weight:var(--font-weight-semibold)}.hero-about-label{display:inline-block;font-family:var(--font-mono);font-size:var(--text-xs);font-weight:var(--font-weight-semibold);letter-spacing:var(--letter-spacing-wider);color:var(--color-accent);margin-bottom:var(--space-sm)}.hero-actions{display:flex;gap:var(--space-md);align-items:center}.hero-split-actions{margin-top:var(--space-sm)}.hero-cta-primary{display:inline-flex;align-items:center;gap:var(--space-sm);height:52px;padding:0 var(--space-2xl);background:var(--color-accent);color:var(--color-text-on-accent);font-size:var(--text-base);font-weight:var(--font-weight-bold);letter-spacing:var(--letter-spacing-wide);border-radius:var(--radius-full);text-decoration:none;transition:all var(--duration-normal) var(--ease-default);box-shadow:var(--shadow-accent)}.hero-cta-primary:hover{background:var(--color-accent-hover);transform:translateY(-4px);box-shadow:var(--shadow-accent-strong)}.hero-cta-primary svg{transition:transform var(--duration-fast) var(--ease-default)}.hero-cta-primary:hover svg{transform:translate(4px)}.hero-cta-secondary{display:inline-flex;align-items:center;gap:var(--space-sm);height:52px;padding:0 var(--space-xl);font-size:var(--text-base);font-weight:var(--font-weight-medium);color:var(--color-text-primary);background:transparent;border:1px solid var(--color-border-strong);border-radius:var(--radius-full);text-decoration:none;transition:all var(--duration-fast) var(--ease-default)}.hero-cta-secondary:hover{border-color:var(--color-accent);color:var(--color-accent);background:#e8ff3a0d}.hero-cta-arrow{transition:transform var(--duration-fast) var(--ease-default)}.hero-cta-secondary:hover .hero-cta-arrow{transform:translate(4px)}.hero-side-tag{position:absolute;left:var(--space-xl);top:50%;transform:translateY(-50%);z-index:5}.hero-side-tag span{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-text-tertiary);letter-spacing:var(--letter-spacing-widest);writing-mode:vertical-rl;text-orientation:mixed}.hero-scroll{position:absolute;bottom:var(--space-3xl);left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:var(--space-sm);z-index:5}.hero-scroll-indicator{width:24px;height:40px;border:1.5px solid var(--color-text-tertiary);border-radius:var(--radius-full);display:flex;justify-content:center;padding-top:6px}.hero-scroll-dot{width:4px;height:8px;background:var(--color-accent);border-radius:var(--radius-full);animation:scrollDot 2s var(--ease-in-out) infinite}@keyframes scrollDot{0%{transform:translateY(0);opacity:1}50%{transform:translateY(10px);opacity:.5}to{transform:translateY(0);opacity:1}}.hero-scroll span{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-text-tertiary);letter-spacing:var(--letter-spacing-wide)}.hero-badge,.hero-eyebrow,.hero-line,.hero-bottom-desc,.hero-bottom-about,.hero-actions,.hero-side-tag{opacity:0;transform:translateY(30px);transition:opacity .8s var(--ease-out),transform .8s var(--ease-out)}.hero-badge.hero-reveal,.hero-eyebrow.hero-reveal,.hero-line.hero-reveal,.hero-bottom-desc.hero-reveal,.hero-bottom-about.hero-reveal,.hero-actions.hero-reveal,.hero-side-tag.hero-reveal{opacity:1;transform:translateY(0)}@media (max-width: 1024px){.hero-split-inner{flex-direction:column;padding:var(--space-4xl) var(--space-xl);gap:var(--space-3xl)}.hero-split-video{order:-1;flex:0 0 auto;width:60%;max-width:360px;margin:0 auto;justify-content:center}.hero-split-title{font-size:var(--text-4xl)}.hero-bg-media{width:72%}.hero-full-inner{padding:var(--space-4xl) var(--space-xl)}.hero-full-title{font-size:var(--text-5xl)}.hero-side-tag{display:none}}@media (max-width: 640px){.hero-split-inner{padding:var(--space-3xl) var(--space-lg)}.hero-split-video{width:80%;max-width:280px}.hero-split-title{font-size:var(--text-3xl)}.hero-bg-media{width:100%;height:70%;top:auto;bottom:0}.hero-bg-video-autoplay{object-position:center 30%}.hero-bg-overlay{background:linear-gradient(to top,var(--color-bg) 0%,rgba(15,14,13,.9) 20%,rgba(15,14,13,.7) 40%,rgba(15,14,13,.5) 60%,var(--color-bg) 100%)}.hero-full-inner{padding:var(--space-4xl) var(--space-lg)}.hero-full-content{max-width:100%}.hero-full-title{font-size:var(--text-4xl);margin-bottom:var(--space-lg)}.hero-bottom-desc{font-size:var(--text-sm)}.hero-actions{flex-direction:column;align-items:flex-start}.hero-cta-primary,.hero-cta-secondary{width:100%;justify-content:center}.hero-scroll{display:none}}.about-grid{display:grid;grid-template-columns:1fr 1.5fr;gap:var(--space-4xl);align-items:start}.about-heading{font-size:var(--text-4xl);font-weight:var(--font-weight-bold);line-height:1.05;letter-spacing:var(--letter-spacing-tight)}.about-heading em{font-style:italic;color:var(--color-accent)}.about-body p{font-size:var(--text-lg);line-height:var(--line-height-relaxed);color:var(--color-text-secondary);margin-bottom:var(--space-lg);max-width:var(--measure-normal)}.about-body p strong{color:var(--color-text-primary);font-weight:var(--font-weight-semibold)}.about-stats{display:flex;gap:var(--space-3xl);margin-top:var(--space-2xl);padding-top:var(--space-2xl);border-top:1px solid var(--color-border)}.stat-num{font-family:var(--font-display);font-size:var(--text-3xl);font-weight:var(--font-weight-bold);color:var(--color-accent);line-height:1}.stat-label{font-size:var(--text-xs);color:var(--color-text-tertiary);letter-spacing:var(--letter-spacing-wide);text-transform:uppercase;margin-top:var(--space-2xs)}.gallery-header{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:var(--space-3xl)}.gallery-title{font-size:var(--text-4xl);font-weight:var(--font-weight-bold);letter-spacing:var(--letter-spacing-tight)}.gallery-filters{display:flex;gap:var(--space-xs);flex-wrap:wrap}.filter-btn{padding:var(--space-xs) var(--space-md);font-size:var(--text-sm);font-weight:var(--font-weight-medium);color:var(--color-text-secondary);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-full);transition:all var(--duration-fast) var(--ease-default)}.filter-btn:hover{color:var(--color-text-primary);border-color:var(--color-border-strong)}.filter-btn.active{background:var(--color-accent);color:var(--color-text-on-accent);border-color:var(--color-accent)}.masonry{columns:3;column-gap:var(--space-lg)}.masonry-item{break-inside:avoid;margin-bottom:var(--space-lg);position:relative;border-radius:var(--radius-lg);overflow:hidden;cursor:pointer;transition:transform var(--duration-normal) var(--ease-default)}.masonry-item:hover{transform:translateY(-8px)}.masonry-item img,.masonry-item .masonry-placeholder{width:100%;display:block;transition:transform var(--duration-slow) var(--ease-default)}.masonry-item:hover img,.masonry-item:hover .masonry-placeholder{transform:scale(1.05)}.masonry-overlay{position:absolute;inset:0;background:linear-gradient(to top,rgba(15,14,13,.95) 0%,rgba(15,14,13,.3) 50%,transparent 100%);display:flex;flex-direction:column;justify-content:flex-end;padding:var(--space-lg);opacity:0;transition:opacity var(--duration-normal) var(--ease-default)}.masonry-item:hover .masonry-overlay{opacity:1}.masonry-cat{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-accent);letter-spacing:var(--letter-spacing-wider);text-transform:uppercase;margin-bottom:var(--space-xs)}.masonry-title{font-family:var(--font-display);font-size:var(--text-xl);font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.masonry-year{font-size:var(--text-sm);color:var(--color-text-secondary)}.skills-cloud{display:flex;flex-wrap:wrap;gap:var(--space-sm);max-width:var(--width-content)}.skill-tag{display:inline-flex;align-items:center;gap:var(--space-xs);padding:var(--space-sm) var(--space-lg);font-size:var(--text-base);font-weight:var(--font-weight-medium);color:var(--color-text-primary);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-full);transition:all var(--duration-fast) var(--ease-default)}.skill-tag:hover{background:var(--color-surface-hover);border-color:var(--color-accent);color:var(--color-accent);transform:translateY(-2px)}.skill-tag:before{content:"";width:6px;height:6px;border-radius:var(--radius-full);background:var(--color-accent)}.skill-tag:nth-child(3n):before{background:var(--color-secondary)}.skill-tag:nth-child(5n):before{background:var(--color-tertiary)}.timeline{position:relative;max-width:var(--width-narrow);margin:0 auto;padding-left:var(--space-2xl)}.timeline:before{content:"";position:absolute;left:8px;top:0;bottom:0;width:2px;background:var(--color-border)}.timeline-item{position:relative;padding-bottom:var(--space-3xl)}.timeline-item:last-child{padding-bottom:0}.timeline-dot{position:absolute;left:calc(-1 * var(--space-2xl) + 4px);top:4px;width:12px;height:12px;border-radius:var(--radius-full);background:var(--color-bg);border:2px solid var(--color-accent);z-index:1}.timeline-item:nth-child(2n) .timeline-dot{border-color:var(--color-secondary)}.timeline-item:nth-child(3n) .timeline-dot{border-color:var(--color-tertiary)}.timeline-year{font-family:var(--font-mono);font-size:var(--text-sm);color:var(--color-accent);letter-spacing:var(--letter-spacing-wide);margin-bottom:var(--space-xs)}.timeline-title{font-family:var(--font-display);font-size:var(--text-xl);font-weight:var(--font-weight-semibold);margin-bottom:var(--space-xs)}.timeline-desc{font-size:var(--text-base);color:var(--color-text-secondary);line-height:var(--line-height-relaxed);max-width:var(--measure-normal)}.cta{max-width:var(--width-content);margin:0 auto;padding:var(--space-5xl) var(--space-2xl);text-align:center;position:relative}.contact-section{max-width:none;padding-left:0;padding-right:0;padding-bottom:var(--space-5xl);overflow:hidden}.contact-video-bg{position:absolute;inset:0;z-index:1;overflow:hidden;pointer-events:none}.contact-video{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;object-position:center top;display:block;transform:translateY(-24px);opacity:0;transition:opacity .8s ease}.contact-video--visible{opacity:.4}.contact-video-overlay{position:absolute;inset:0;pointer-events:none;background:linear-gradient(to top,var(--color-bg) 0%,rgba(15,14,13,.85) 15%,rgba(15,14,13,.4) 45%,transparent 75%),linear-gradient(to bottom,var(--color-bg) 0%,transparent 25%)}.contact-content{position:relative;z-index:2;max-width:var(--width-content);margin:0 auto;padding:var(--space-5xl) var(--space-2xl)}.contact-content .bento-title-main,.contact-content .bento-subtitle{text-shadow:0 2px 16px rgba(0,0,0,.7)}@media (max-width: 640px){.contact-content{padding:0 var(--space-md)}}.cta-eyebrow{font-family:var(--font-mono);font-size:var(--text-sm);color:var(--color-accent);letter-spacing:var(--letter-spacing-wider);margin-bottom:var(--space-lg)}.cta-title{font-family:var(--font-display);font-size:var(--text-6xl);font-weight:var(--font-weight-black);line-height:.95;letter-spacing:-.04em;margin-bottom:var(--space-xl)}.cta-title em{font-style:italic;color:var(--color-accent)}.cta-title .secondary{color:var(--color-secondary)}.cta-desc{font-size:var(--text-lg);color:var(--color-text-secondary);max-width:var(--measure-narrow);margin:0 auto var(--space-2xl);line-height:var(--line-height-relaxed)}.cta-button{display:inline-flex;align-items:center;gap:var(--space-sm);height:var(--button-height-lg);padding:0 var(--space-2xl);background:var(--color-accent);color:var(--color-text-on-accent);font-size:var(--text-base);font-weight:var(--font-weight-bold);letter-spacing:var(--letter-spacing-wide);border-radius:var(--radius-full);text-decoration:none;transition:all var(--duration-normal) var(--ease-default);box-shadow:var(--shadow-accent)}.cta-button:hover{background:var(--color-accent-hover);transform:translateY(-4px);box-shadow:var(--shadow-accent-strong)}.cta-arrow{transition:transform var(--duration-fast) var(--ease-default)}.cta-button:hover .cta-arrow{transform:translate(4px)}.qr-grid{display:flex;justify-content:center;gap:var(--space-2xl);margin:var(--space-3xl) auto 0;max-width:600px}.qr-card{display:flex;flex-direction:column;align-items:center;gap:var(--space-md)}.qr-image{width:140px;height:140px;border-radius:var(--radius-lg);object-fit:contain;background:#ffffff14;border:2px solid var(--color-border-accent);padding:var(--space-xs)}.qr-placeholder{width:140px;height:140px;border-radius:var(--radius-lg);background:#e8ff3a0a;border:2px dashed var(--color-border-accent);display:flex;align-items:center;justify-content:center;color:var(--color-accent)}.qr-label{font-family:var(--font-mono);font-size:var(--text-xs);color:#ffffffb8;letter-spacing:var(--letter-spacing-wide)}.contact-info{display:flex;justify-content:center;align-items:center;gap:var(--space-2xl);margin-top:var(--space-2xl)}.contact-info-item{display:inline-flex;align-items:center;gap:var(--space-xs);font-size:var(--text-sm);color:#ffffffc7;text-decoration:none;letter-spacing:var(--letter-spacing-wide);transition:color var(--duration-fast) var(--ease-default)}.contact-info-item:hover{color:var(--color-accent)}@media (max-width: 640px){.qr-grid{gap:var(--space-lg)}.qr-image,.qr-placeholder{width:100px;height:100px}.contact-info{flex-direction:column;gap:var(--space-md)}}.social-links{display:flex;justify-content:center;gap:var(--space-lg);margin-top:var(--space-3xl);padding-top:var(--space-2xl);border-top:1px solid var(--color-border)}.social-link{font-size:var(--text-sm);color:var(--color-text-secondary);text-decoration:none;letter-spacing:var(--letter-spacing-wide);transition:color var(--duration-fast) var(--ease-default)}.social-link:hover{color:var(--color-accent)}.music-player{position:fixed;right:var(--space-xl);top:50%;transform:translateY(-50%);z-index:var(--z-tooltip);display:flex;flex-direction:column;align-items:center;gap:var(--space-sm);padding:var(--space-md);border-radius:var(--radius-full);background:#0f0e0dbf;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--color-border);transition:border-color var(--duration-normal) var(--ease-default)}.music-player--playing{border-color:var(--color-border-accent)}.music-player--empty{opacity:.5}.music-player--empty .music-player-btn{cursor:default}.music-player--empty:hover{border-color:var(--color-border)}.music-player-btn{width:40px;height:40px;border-radius:var(--radius-full);border:none;background:#ffffff14;color:#ffffffb8;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--duration-fast) var(--ease-default)}.music-player-btn:hover{background:#ffffff24;color:#fff}.music-player--playing .music-player-btn{background:#e8ff3a1a;color:var(--color-accent)}.music-player-eq{display:flex;align-items:flex-end;gap:2px;height:14px}.music-player-eq i{display:block;width:3px;border-radius:1px;background:var(--color-accent);animation:eq-bounce .8s ease-in-out infinite}.music-player-eq i:nth-child(1){height:6px;animation-delay:0s}.music-player-eq i:nth-child(2){height:12px;animation-delay:.15s}.music-player-eq i:nth-child(3){height:8px;animation-delay:.3s}@keyframes eq-bounce{0%,to{transform:scaleY(1)}50%{transform:scaleY(.4)}}.back-to-top{position:fixed;right:var(--space-xl);bottom:var(--space-2xl);z-index:var(--z-tooltip);width:40px;height:40px;border-radius:var(--radius-full);border:1px solid var(--color-border);background:#0f0e0dbf;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);color:#fff9;cursor:pointer;display:flex;align-items:center;justify-content:center;opacity:0;pointer-events:none;transform:translateY(12px);transition:all var(--duration-normal) var(--ease-default)}.back-to-top--visible{opacity:1;pointer-events:auto;transform:translateY(0)}.back-to-top:hover{border-color:var(--color-border-accent);color:var(--color-accent);background:#0f0e0de6}.footer{padding:var(--space-2xl);text-align:center;border-top:1px solid var(--color-border)}.footer p{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-text-tertiary);letter-spacing:var(--letter-spacing-wide)}.scroll-reveal.revealed{opacity:1;transform:translateY(0)}.bento-header{margin-bottom:var(--space-4xl);text-align:center}.bento-title{font-family:var(--font-display);font-size:clamp(2.5rem,6vw,4.5rem);font-weight:var(--font-weight-black);line-height:1;letter-spacing:-.04em;margin-bottom:var(--space-lg)}.bento-title-main{display:inline-block;background:linear-gradient(135deg,#fafaf7,#e8ff3a,#3aff9e);background-size:100% 100%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;font-style:italic;padding-right:.15em}.bento-subtitle{font-size:var(--text-lg);color:var(--color-text-secondary);line-height:var(--line-height-relaxed);max-width:560px;margin:0 auto}.bento-grid{display:grid;grid-template-columns:1fr;gap:var(--space-lg)}.bento-card{border-radius:var(--radius-xl);border:1px solid var(--color-border);background:var(--color-surface);transition:transform var(--duration-normal) var(--ease-default),border-color var(--duration-normal) var(--ease-default),box-shadow var(--duration-normal) var(--ease-default);display:flex}.bento-card-inner{display:grid;grid-template-columns:280px 1fr;gap:0;width:100%;min-height:220px}.bento-card-cover{position:relative;overflow:hidden;background:var(--color-bg-elevated);border-radius:var(--radius-xl) 0 0 var(--radius-xl)}.bento-card-cover img,.bento-card-gradient{width:100%;height:100%;object-fit:cover;display:block;transition:transform var(--duration-slow) var(--ease-default)}.bento-card:hover .bento-card-cover img,.bento-card:hover .bento-card-gradient{transform:scale(1.05)}.bento-card-index{position:absolute;top:var(--space-md);left:var(--space-md);font-family:var(--font-display);font-size:var(--text-2xl);font-weight:var(--font-weight-black);color:var(--color-text-primary);letter-spacing:var(--letter-spacing-tight);text-shadow:0 2px 12px rgba(0,0,0,.6);z-index:2}.bento-card-content{padding:var(--space-lg) var(--space-xl);display:flex;flex-direction:column;gap:var(--space-sm);justify-content:center}.bento-card-meta{display:flex;align-items:center;gap:var(--space-md);margin-bottom:var(--space-2xs)}.bento-card-tag{display:inline-flex;align-items:center;font-family:var(--font-mono);font-size:var(--text-xs);font-weight:var(--font-weight-semibold);letter-spacing:var(--letter-spacing-wider);color:var(--color-text-tertiary);text-transform:uppercase;position:relative;padding-left:var(--space-md)}.bento-card-tag:before{content:"✦";position:absolute;left:0;color:var(--color-accent);font-size:var(--text-sm)}.bento-card-year{font-family:var(--font-mono);font-size:var(--text-sm);color:var(--color-text-tertiary);letter-spacing:var(--letter-spacing-wide)}.bento-card-title{font-family:var(--font-display);font-size:var(--text-xl);font-weight:var(--font-weight-bold);line-height:var(--line-height-tight);letter-spacing:var(--letter-spacing-tight);color:var(--color-text-primary);margin:0}.bento-card-desc{font-size:var(--text-sm);line-height:var(--line-height-normal);color:var(--color-text-secondary);margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.bento-card-link{margin-top:var(--space-sm);font-size:var(--text-sm);font-weight:var(--font-weight-medium);color:var(--color-text-primary);letter-spacing:var(--letter-spacing-wide);display:inline-flex;align-items:center;gap:var(--space-2xs);transition:color var(--duration-fast) var(--ease-default)}.bento-card-link:hover{color:var(--color-accent)}.bento-footer{display:flex;justify-content:center;margin-top:var(--space-3xl)}.bento-title-main--video{background:linear-gradient(135deg,#fafaf7,#4dc4ff,#3aff9e);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.bento-view-more--video:hover{border-color:#4dc4ff;color:#4dc4ff;background:#4dc4ff0f}.bento-title-main--gallery{background:linear-gradient(135deg,#fafaf7,#ff5e5b,#e8ff3a);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.bento-title-main--short{background:linear-gradient(135deg,#fafaf7,#e8ff3a,#ff5e5b);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.shorts-section{position:relative;max-width:var(--width-content);margin:0 auto;padding:var(--space-5xl) var(--space-2xl);overflow:hidden}.shorts-content{position:relative;z-index:2}.shorts-video-bg{position:absolute;inset:0;z-index:1;overflow:hidden;pointer-events:none}.shorts-video{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;object-position:center top;display:block;transform:translateY(-24px);opacity:0;transition:opacity .8s ease}.shorts-video--visible{opacity:.4}.shorts-video-overlay{position:absolute;inset:0;pointer-events:none;background:linear-gradient(to top,var(--color-bg) 0%,rgba(15,14,13,.85) 15%,rgba(15,14,13,.4) 45%,transparent 75%),linear-gradient(to bottom,var(--color-bg) 0%,transparent 25%)}.shorts-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-xl)}.shorts-grid--mobile{grid-template-columns:1fr 1fr;gap:var(--space-md)}.short-card{display:flex;flex-direction:column;border-radius:var(--radius-lg);overflow:hidden;border:1px solid var(--color-border);background:var(--color-bg-elevated);grid-column:span 2;transition:transform var(--duration-normal) var(--ease-default),border-color var(--duration-normal) var(--ease-default),box-shadow var(--duration-normal) var(--ease-default)}.short-card--playing{border-color:var(--color-border-accent)}.short-thumb{position:relative;cursor:pointer;overflow:hidden;background:var(--color-surface)}.short-poster,.short-player{width:100%;display:block;object-fit:cover;aspect-ratio:16 / 9;transition:transform var(--duration-slow) var(--ease-default)}.short-card:hover .short-poster{transform:scale(1.05)}.short-gradient{width:100%;aspect-ratio:16 / 9}.short-overlay{position:absolute;inset:0;background:linear-gradient(to top,rgba(15,14,13,.75) 0%,rgba(15,14,13,.1) 45%,transparent 100%);pointer-events:none}.short-play-btn{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:var(--color-accent);border-radius:var(--radius-full);pointer-events:none;transition:transform var(--duration-normal) var(--ease-bounce),background var(--duration-fast) var(--ease-default);box-shadow:var(--shadow-accent)}.short-card:hover .short-play-btn{transform:translate(-50%,-50%) scale(1.15);background:var(--color-accent-hover)}.short-card--playing .short-play-btn{display:none}.short-duration{position:absolute;top:var(--space-sm);right:var(--space-sm);display:inline-flex;align-items:center;padding:var(--space-2xs) var(--space-sm);font-family:var(--font-mono);font-size:var(--text-xs);font-weight:var(--font-weight-semibold);letter-spacing:var(--letter-spacing-wider);color:var(--color-text-primary);background:#0f0e0dcc;border:1px solid var(--color-border-strong);border-radius:var(--radius-full);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);z-index:2}.short-info{padding:var(--space-md)}.short-meta{display:flex;align-items:center;gap:var(--space-md);margin-bottom:var(--space-sm)}.short-cat{display:inline-flex;align-items:center;padding:var(--space-2xs) var(--space-md);font-family:var(--font-mono);font-size:var(--text-xs);font-weight:var(--font-weight-semibold);letter-spacing:var(--letter-spacing-wider);color:var(--color-accent);background:#e8ff3a14;border:1px solid rgba(232,255,58,.2);border-radius:var(--radius-full);text-transform:uppercase}.short-year{font-family:var(--font-mono);font-size:var(--text-sm);color:var(--color-text-tertiary);letter-spacing:var(--letter-spacing-wide)}.short-name{font-family:var(--font-display);font-size:var(--text-base);font-weight:var(--font-weight-bold);line-height:var(--line-height-tight);letter-spacing:var(--letter-spacing-tight);color:var(--color-text-primary);margin-bottom:var(--space-2xs)}.short-desc{font-size:var(--text-sm);line-height:var(--line-height-relaxed);color:var(--color-text-secondary);margin:0}.shorts-empty{padding:var(--space-4xl);text-align:center;border-radius:var(--radius-lg);border:1px dashed var(--color-border);color:var(--color-text-tertiary)}@media (max-width: 1024px){.shorts-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 640px){.shorts-grid,.shorts-grid--mobile{grid-template-columns:1fr}.short-play-btn{width:40px;height:40px}.short-info{padding:var(--space-sm)}}.bento-title-main--skills{background:linear-gradient(135deg,#fafaf7,#3aff9e,#e8ff3a);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.bento-title-main--journey{background:linear-gradient(135deg,#fafaf7,#ff5e5b,#9333ea);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.bento-title-main--contact{background:linear-gradient(135deg,#fafaf7,#e8ff3a,#ff5e5b);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.bento-title-main--about{background:linear-gradient(135deg,#fafaf7,#9333ea,#4dc4ff);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.about-body--centered{max-width:720px;margin:0 auto;text-align:center}.about-body--centered .about-stats{justify-content:center}.bento-view-more{display:inline-flex;align-items:center;gap:var(--space-sm);padding:var(--space-md) var(--space-xl);border-radius:var(--radius-full);border:1px solid var(--color-border-strong);background:var(--color-surface);font-size:var(--text-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);letter-spacing:var(--letter-spacing-wide);transition:all var(--duration-normal) var(--ease-default);cursor:pointer}.bento-view-more:hover{border-color:var(--color-accent);color:var(--color-accent);background:#e8ff3a0f;transform:translateY(-2px)}.bento-view-more-icon{transition:transform var(--duration-normal) var(--ease-default)}.bento-view-more:hover .bento-view-more-icon{transform:translate(4px)}.videos-header{margin-bottom:var(--space-4xl);max-width:var(--measure-wide)}.videos-title{font-family:var(--font-display);font-size:var(--text-5xl);font-weight:var(--font-weight-black);line-height:.95;letter-spacing:-.03em;margin-bottom:var(--space-lg)}.videos-title-accent{color:var(--color-tertiary);font-style:italic}.videos-desc{font-size:var(--text-lg);color:var(--color-text-secondary);line-height:var(--line-height-relaxed);max-width:var(--measure-normal)}.videos-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-xl)}.video-card{display:flex;flex-direction:column;border-radius:var(--radius-lg);overflow:hidden;border:1px solid var(--color-border);background:var(--color-bg-elevated);cursor:pointer;transition:transform var(--duration-normal) var(--ease-default),border-color var(--duration-normal) var(--ease-default),box-shadow var(--duration-normal) var(--ease-default)}.video-card:hover{transform:translateY(-6px);border-color:var(--color-border-accent);box-shadow:var(--shadow-lg)}.video-card:focus-visible{outline:2px solid var(--color-accent);outline-offset:4px}.video-card-featured{grid-column:span 2}.video-card-featured .video-thumb{aspect-ratio:16 / 9}.video-thumb{position:relative;aspect-ratio:16 / 9;overflow:hidden;background:var(--color-surface)}.video-poster,.video-gradient,.video-player{width:100%;height:100%;object-fit:cover;display:block;transition:transform var(--duration-slow) var(--ease-default)}.video-gradient{position:absolute;inset:0}.video-card:hover .video-poster,.video-card:hover .video-gradient{transform:scale(1.05)}.video-overlay{position:absolute;inset:0;background:linear-gradient(to top,rgba(15,14,13,.85) 0%,rgba(15,14,13,.2) 45%,transparent 100%);pointer-events:none}.video-play-btn{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:64px;height:64px;display:flex;align-items:center;justify-content:center;color:var(--color-text-on-accent);background:var(--color-accent);border-radius:var(--radius-full);box-shadow:var(--shadow-accent);pointer-events:none;transition:transform var(--duration-normal) var(--ease-bounce),background var(--duration-fast) var(--ease-default);z-index:2}.video-card:hover .video-play-btn{transform:translate(-50%,-50%) scale(1.15);background:var(--color-accent-hover)}.video-card-playing .video-play-btn{display:none}.video-duration{position:absolute;top:var(--space-md);right:var(--space-md);display:inline-flex;align-items:center;padding:var(--space-2xs) var(--space-sm);font-family:var(--font-mono);font-size:var(--text-xs);font-weight:var(--font-weight-semibold);letter-spacing:var(--letter-spacing-wider);color:var(--color-text-primary);background:#0f0e0dcc;border:1px solid var(--color-border-strong);border-radius:var(--radius-full);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);z-index:2}.video-info{padding:var(--space-lg)}.video-meta{display:flex;align-items:center;gap:var(--space-md);margin-bottom:var(--space-sm)}.video-category{display:inline-flex;align-items:center;padding:var(--space-2xs) var(--space-md);font-family:var(--font-mono);font-size:var(--text-xs);font-weight:var(--font-weight-semibold);letter-spacing:var(--letter-spacing-wider);color:var(--color-tertiary);background:#3aff9e14;border:1px solid rgba(58,255,158,.2);border-radius:var(--radius-full);text-transform:uppercase}.video-year{font-family:var(--font-mono);font-size:var(--text-sm);color:var(--color-text-tertiary);letter-spacing:var(--letter-spacing-wide)}.video-name{font-family:var(--font-display);font-size:var(--text-xl);font-weight:var(--font-weight-bold);line-height:var(--line-height-tight);letter-spacing:var(--letter-spacing-tight);margin-bottom:var(--space-sm)}.video-card-featured .video-name{font-size:var(--text-2xl)}.video-desc-text{font-size:var(--text-sm);line-height:var(--line-height-relaxed);color:var(--color-text-secondary)}@media (max-width: 1024px){.masonry{columns:2}.about-grid{grid-template-columns:1fr;gap:var(--space-2xl)}.hero-title,.cta-title{font-size:var(--text-5xl)}.bento-title{font-size:clamp(2rem,5vw,3rem)}.bento-card-inner{grid-template-columns:1fr;min-height:auto}.bento-card-cover{aspect-ratio:16 / 9;border-radius:var(--radius-xl) var(--radius-xl) 0 0}.bento-card-content{padding:var(--space-md)}.videos-grid{grid-template-columns:1fr}.video-card-featured{grid-column:span 1}.video-card-featured .video-thumb{aspect-ratio:16 / 9}}@media (max-width: 640px){.masonry{columns:1}.navbar-links{display:none}.hero-title,.cta-title{font-size:var(--text-4xl)}.gallery-header{flex-direction:column;align-items:flex-start;gap:var(--space-lg)}.about-stats{flex-wrap:wrap;gap:var(--space-xl)}.section,.hero{padding:var(--space-4xl) var(--space-lg)}.bento-title{font-size:clamp(1.75rem,7vw,2.5rem)}.bento-header{margin-bottom:var(--space-3xl)}.bento-grid{gap:var(--space-md)}.bento-card-cover{aspect-ratio:16 / 10}.bento-card-content{padding:var(--space-md)}.bento-card-title{font-size:var(--text-lg)}.video-play-btn{width:52px;height:52px}.video-info{padding:var(--space-md)}.video-card-featured .video-name{font-size:var(--text-xl)}}.gallery-circular-section{position:relative;max-width:none;padding-left:0;padding-right:0;padding-bottom:var(--space-5xl);overflow:hidden}.gallery-video-bg{position:absolute;inset:0;z-index:1;overflow:hidden;pointer-events:none}.gallery-video{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;object-position:center top;display:block;transform:translateY(-24px);opacity:0;transition:opacity .8s ease}.gallery-video--visible{opacity:.4}.gallery-video-overlay{position:absolute;inset:0;pointer-events:none;background:linear-gradient(to top,var(--color-bg) 0%,rgba(15,14,13,.85) 15%,rgba(15,14,13,.4) 45%,transparent 75%),linear-gradient(to bottom,var(--color-bg) 0%,transparent 25%)}.gallery-content{position:relative;z-index:2;max-width:var(--width-content);margin:0 auto;padding:var(--space-5xl) var(--space-2xl)}.gallery-content .bento-title-main,.gallery-content .bento-subtitle{text-shadow:0 2px 16px rgba(0,0,0,.7)}@media (max-width: 640px){.gallery-content{padding:0 var(--space-md)}}.projects-section{position:relative;max-width:none;padding-left:0;padding-right:0;padding-bottom:var(--space-5xl);overflow:hidden}.projects-video-bg{position:absolute;inset:0;z-index:1;overflow:hidden;pointer-events:none}.projects-video{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;object-position:center top;display:block;transform:translateY(-24px);opacity:0;transition:opacity .8s ease}.projects-video--visible{opacity:.4}.projects-video-overlay{position:absolute;inset:0;pointer-events:none;background:linear-gradient(to top,var(--color-bg) 0%,rgba(15,14,13,.85) 15%,rgba(15,14,13,.4) 45%,transparent 75%),linear-gradient(to bottom,var(--color-bg) 0%,transparent 25%)}.projects-content{position:relative;z-index:2;max-width:var(--width-content);margin:0 auto;padding:var(--space-5xl) var(--space-2xl)}.projects-content .bento-title-main,.projects-content .bento-subtitle{text-shadow:0 2px 16px rgba(0,0,0,.7)}@media (max-width: 640px){.projects-content{padding:0 var(--space-md)}}.videos-section{position:relative;max-width:none;padding-left:0;padding-right:0;padding-bottom:var(--space-5xl);overflow:hidden}.videos-video-bg{position:absolute;inset:0;z-index:1;overflow:hidden;pointer-events:none}.videos-video{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;object-position:center top;display:block;transform:translateY(-24px);opacity:0;transition:opacity .8s ease}.videos-video--visible{opacity:.4}.videos-video-overlay{position:absolute;inset:0;pointer-events:none;background:linear-gradient(to top,var(--color-bg) 0%,rgba(15,14,13,.85) 15%,rgba(15,14,13,.4) 45%,transparent 75%),linear-gradient(to bottom,var(--color-bg) 0%,transparent 25%)}.videos-content{position:relative;z-index:2;max-width:var(--width-content);margin:0 auto;padding:var(--space-5xl) var(--space-2xl)}.videos-content .bento-title-main,.videos-content .bento-subtitle{text-shadow:0 2px 16px rgba(0,0,0,.7)}@media (max-width: 640px){.videos-content{padding:0 var(--space-md)}}.skills-section{position:relative;max-width:none;padding-left:0;padding-right:0;padding-bottom:var(--space-5xl);overflow:hidden}.skills-video-bg{position:absolute;inset:0;z-index:1;overflow:hidden;pointer-events:none}.skills-video{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;object-position:center top;display:block;transform:translateY(-24px);opacity:0;transition:opacity .8s ease}.skills-video--visible{opacity:.4}.skills-video-overlay{position:absolute;inset:0;pointer-events:none;background:linear-gradient(to top,var(--color-bg) 0%,rgba(15,14,13,.85) 15%,rgba(15,14,13,.4) 45%,transparent 75%),linear-gradient(to bottom,var(--color-bg) 0%,transparent 25%)}.skills-content{position:relative;z-index:2;max-width:var(--width-content);margin:0 auto;padding:var(--space-5xl) var(--space-2xl)}.skills-content .bento-title-main,.skills-content .bento-subtitle{text-shadow:0 2px 16px rgba(0,0,0,.7)}@media (max-width: 640px){.skills-content{padding:0 var(--space-md)}}.gallery-ring-hint{text-align:center;font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-text-tertiary);letter-spacing:var(--letter-spacing-wide);margin-top:var(--space-md)}.work-detail{min-height:100vh;padding:calc(var(--navbar-height) + var(--space-4xl)) var(--space-2xl) var(--space-5xl);max-width:1000px;margin:0 auto}.work-detail-nav{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-3xl)}.work-detail-back{font-family:var(--font-mono);font-size:var(--text-sm);color:var(--color-text-secondary);background:transparent;border:1px solid var(--color-border);border-radius:var(--radius-full);padding:var(--space-sm) var(--space-lg);cursor:pointer;transition:all var(--duration-fast) var(--ease-default)}.work-detail-back:hover{color:var(--color-accent);border-color:var(--color-accent)}.work-detail-count{font-family:var(--font-mono);font-size:var(--text-sm);color:var(--color-text-tertiary);letter-spacing:var(--letter-spacing-wide)}.work-detail-hero{width:100%;max-width:720px;margin:0 auto var(--space-3xl);border-radius:var(--radius-xl);overflow:hidden;box-shadow:var(--shadow-xl);aspect-ratio:3 / 1}.work-detail-hero img{width:100%;height:100%;object-fit:cover;display:block}.work-detail-placeholder{width:100%;height:100%;aspect-ratio:3 / 1}.work-detail-info{max-width:640px;margin:0 auto;text-align:center}.work-detail-cat{display:inline-block;font-family:var(--font-mono);font-size:var(--text-xs);font-weight:var(--font-weight-semibold);color:var(--color-accent);letter-spacing:var(--letter-spacing-wider);text-transform:uppercase;margin-bottom:var(--space-md)}.work-detail-title{font-family:var(--font-display);font-size:var(--text-4xl);font-weight:var(--font-weight-black);letter-spacing:var(--letter-spacing-tight);margin-bottom:var(--space-md);line-height:var(--line-height-tight)}.work-detail-meta{display:flex;align-items:center;justify-content:center;gap:var(--space-lg);margin-bottom:var(--space-3xl)}.work-detail-year{font-family:var(--font-mono);font-size:var(--text-sm);color:var(--color-text-tertiary);letter-spacing:var(--letter-spacing-wide)}.work-detail-desc p{font-size:var(--text-base);line-height:var(--line-height-relaxed);color:var(--color-text-secondary)}.work-detail-nav-buttons{display:flex;justify-content:space-between;gap:var(--space-xl);max-width:720px;margin:var(--space-4xl) auto 0;padding-top:var(--space-3xl);border-top:1px solid var(--color-border)}.work-detail-nav-btn{display:flex;flex-direction:column;gap:var(--space-2xs);padding:var(--space-md) var(--space-lg);background:transparent;border:1px solid var(--color-border);border-radius:var(--radius-lg);cursor:pointer;text-align:left;transition:all var(--duration-fast) var(--ease-default);max-width:200px}.work-detail-nav-btn.next{text-align:right;margin-left:auto}.work-detail-nav-btn:hover{border-color:var(--color-accent);background:#e8ff3a0d}.nav-btn-dir{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-text-tertiary);letter-spacing:var(--letter-spacing-wide)}.nav-btn-title{font-family:var(--font-display);font-size:var(--text-sm);font-weight:var(--font-weight-bold);color:var(--color-text-primary)}.work-detail-notfound{min-height:60vh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.work-detail-notfound h1{font-family:var(--font-display);font-size:var(--text-4xl);font-weight:var(--font-weight-black);margin-bottom:var(--space-md)}.work-detail-notfound p{color:var(--color-text-secondary);margin-bottom:var(--space-xl)}.work-detail-notfound button{padding:var(--space-sm) var(--space-xl);font-family:var(--font-mono);font-size:var(--text-sm);color:var(--color-bg);background:var(--color-accent);border:none;border-radius:var(--radius-full);cursor:pointer}@media (max-width: 640px){.work-detail-nav-buttons{flex-direction:column}.work-detail-nav-btn.next{margin-left:0;text-align:left}}.videowork-detail{min-height:100vh;padding:calc(var(--navbar-height) + var(--space-4xl)) var(--space-2xl) var(--space-5xl);max-width:1000px;margin:0 auto}.videowork-detail-nav{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-3xl)}.videowork-detail-back{font-family:var(--font-mono);font-size:var(--text-sm);color:var(--color-text-secondary);background:transparent;border:1px solid var(--color-border);border-radius:var(--radius-full);padding:var(--space-sm) var(--space-lg);cursor:pointer;transition:all var(--duration-fast) var(--ease-default)}.videowork-detail-back:hover{color:var(--color-tertiary);border-color:var(--color-tertiary)}.videowork-detail-count{font-family:var(--font-mono);font-size:var(--text-sm);color:var(--color-text-tertiary);letter-spacing:var(--letter-spacing-wide)}.videowork-detail-hero{width:100%;border-radius:var(--radius-xl);overflow:hidden;box-shadow:var(--shadow-xl);margin-bottom:var(--space-3xl)}.videowork-detail-video{width:100%;aspect-ratio:16 / 9;display:block;background:#000;object-fit:contain}.videowork-detail-poster{width:100%;height:auto;display:block}.videowork-detail-placeholder{width:100%;aspect-ratio:16 / 9;display:flex;align-items:center;justify-content:center;font-family:var(--font-display);font-size:var(--text-2xl);font-weight:var(--font-weight-bold);color:#ffffffe6}.videowork-detail-info{max-width:640px;margin:0 auto;text-align:center}.videowork-detail-meta{display:flex;align-items:center;justify-content:center;gap:var(--space-lg);margin-bottom:var(--space-md)}.videowork-detail-cat{display:inline-block;font-family:var(--font-mono);font-size:var(--text-xs);font-weight:var(--font-weight-semibold);color:var(--color-tertiary);letter-spacing:var(--letter-spacing-wider);text-transform:uppercase}.videowork-detail-year,.videowork-detail-duration{font-family:var(--font-mono);font-size:var(--text-sm);color:var(--color-text-tertiary);letter-spacing:var(--letter-spacing-wide)}.videowork-detail-title{font-family:var(--font-display);font-size:var(--text-4xl);font-weight:var(--font-weight-black);letter-spacing:var(--letter-spacing-tight);margin-bottom:var(--space-md);line-height:var(--line-height-tight)}.videowork-detail-desc{font-size:var(--text-base);line-height:var(--line-height-relaxed);color:var(--color-text-secondary)}.videowork-detail-nav-buttons{display:flex;justify-content:space-between;gap:var(--space-xl);max-width:720px;margin:var(--space-4xl) auto 0;padding-top:var(--space-3xl);border-top:1px solid var(--color-border)}.videowork-detail-nav-btn{display:flex;flex-direction:column;gap:var(--space-2xs);padding:var(--space-md) var(--space-lg);background:transparent;border:1px solid var(--color-border);border-radius:var(--radius-lg);cursor:pointer;text-align:left;text-decoration:none;transition:all var(--duration-fast) var(--ease-default);max-width:200px;color:inherit}.videowork-detail-nav-btn.next{text-align:right;margin-left:auto}.videowork-detail-nav-btn:hover{border-color:var(--color-tertiary);background:#3aff9e0d}.videowork-detail-nav-btn--disabled{visibility:hidden}.videowork-detail-notfound{min-height:60vh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.videowork-detail-notfound h1{font-family:var(--font-display);font-size:var(--text-4xl);font-weight:var(--font-weight-black);margin-bottom:var(--space-md)}.videowork-detail-notfound p{color:var(--color-text-secondary);margin-bottom:var(--space-xl)}.videowork-detail-notfound button{padding:var(--space-sm) var(--space-xl);font-family:var(--font-mono);font-size:var(--text-sm);color:var(--color-bg);background:var(--color-tertiary);border:none;border-radius:var(--radius-full);cursor:pointer}@media (max-width: 640px){.videowork-detail-nav-buttons{flex-direction:column}.videowork-detail-nav-btn.next{margin-left:0;text-align:left}}.brand-list-page{min-height:100vh;padding:calc(var(--navbar-height) + var(--space-4xl)) var(--space-2xl) var(--space-5xl);max-width:1200px;margin:0 auto}.brand-list-nav{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-3xl)}.brand-list-back{font-family:var(--font-mono);font-size:var(--text-sm);color:var(--color-text-secondary);background:transparent;border:1px solid var(--color-border);border-radius:var(--radius-full);padding:var(--space-sm) var(--space-lg);cursor:pointer;transition:all var(--duration-fast) var(--ease-default)}.brand-list-back:hover{color:var(--color-accent);border-color:var(--color-accent)}.brand-list-count{font-family:var(--font-mono);font-size:var(--text-sm);color:var(--color-text-tertiary);letter-spacing:var(--letter-spacing-wide)}.brand-list-header{text-align:center;margin-bottom:var(--space-4xl)}.brand-list-title{font-family:var(--font-display);font-size:var(--text-5xl);font-weight:var(--font-weight-black);letter-spacing:var(--letter-spacing-tight);margin-bottom:var(--space-md);background:linear-gradient(135deg,#fafaf7,#e8ff3a,#3aff9e);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.brand-list-desc{font-size:var(--text-lg);color:var(--color-text-secondary);line-height:var(--line-height-relaxed);max-width:560px;margin:0 auto}.brand-list-empty{padding:var(--space-4xl);text-align:center;border-radius:var(--radius-lg);border:1px dashed var(--color-border);color:var(--color-text-tertiary)}.brand-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-xl);margin:var(--space-4xl) auto;max-width:1100px}.brand-list-grid{margin:0 auto}.brand-grid--mobile{grid-template-columns:1fr 1fr;gap:var(--space-md)}@media (max-width: 1024px){.brand-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 640px){.brand-grid,.brand-grid--mobile{grid-template-columns:1fr}}.brand-card{--brand-color: #8b5cf6;position:relative;display:flex;flex-direction:column;aspect-ratio:1 / 1;border-radius:var(--radius-xl);overflow:hidden;cursor:pointer;text-decoration:none;color:var(--color-text-primary);transform:translateY(0);transition:transform .35s var(--ease-default),box-shadow .35s var(--ease-default);isolation:isolate;box-shadow:var(--shadow-sm)}.brand-card:hover{transform:translateY(-6px);box-shadow:0 14px 30px -10px #0000008c,0 0 0 1px #ffffff14 inset,0 0 30px -6px color-mix(in srgb,var(--brand-color) 50%,transparent)}.brand-card-bg{position:absolute;inset:0;z-index:-2;opacity:.85;transition:transform .6s var(--ease-default),opacity .35s var(--ease-default)}.brand-card:hover .brand-card-bg{transform:scale(1.06);opacity:1}.brand-card:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(to top,rgba(0,0,0,.75) 0%,rgba(0,0,0,.25) 45%,transparent 70%);pointer-events:none}.brand-card-inner{position:relative;flex:1;display:flex;flex-direction:column;justify-content:space-between;align-items:flex-start;padding:var(--space-2xl);height:100%}.brand-card-logo{max-width:60%;max-height:90px;object-fit:contain;filter:drop-shadow(0 2px 6px rgba(0,0,0,.35))}.brand-card-wordmark{display:flex;align-items:center;justify-content:center;width:80px;height:80px;border-radius:var(--radius-lg);background:#ffffff24;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);font-family:var(--font-display);font-weight:var(--font-weight-black);font-size:var(--text-3xl);color:#fff;letter-spacing:-1px;border:1px solid rgba(255,255,255,.18);text-shadow:0 2px 10px rgba(0,0,0,.4)}.brand-card-wordmark .brand-card-word+.brand-card-word{margin-left:2px}.brand-card-info{display:flex;flex-direction:column;gap:var(--space-xs);color:#fff}.brand-card-name{font-family:var(--font-display);font-size:var(--text-xl);font-weight:var(--font-weight-black);letter-spacing:-.01em;line-height:1.15;text-shadow:0 2px 10px rgba(0,0,0,.5)}.brand-card-tagline{font-size:var(--text-sm);color:#ffffffc7;line-height:1.45}.brand-card-count{display:inline-flex;align-items:baseline;gap:4px;margin-top:var(--space-xs);padding:4px 10px;border-radius:var(--radius-full);background:#00000059;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);font-family:var(--font-mono);width:fit-content}.brand-card-count-num{font-size:var(--text-base);font-weight:var(--font-weight-bold);color:#fff}.brand-card-count-unit{font-size:var(--text-xs);color:#ffffffb8;letter-spacing:var(--letter-spacing-wide)}.brand-card-arrow{position:absolute;right:var(--space-xl);bottom:var(--space-xl);width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#ffffff1f;color:#fff;font-size:var(--text-lg);border:1px solid rgba(255,255,255,.18);transition:transform .35s var(--ease-default),background .35s var(--ease-default)}.brand-card:hover .brand-card-arrow{transform:translate(4px);background:#ffffff3d}@media (max-width: 640px){.brand-card-inner{padding:var(--space-lg)}.brand-card-wordmark{width:64px;height:64px;font-size:var(--text-2xl)}.brand-card-arrow{width:32px;height:32px;right:var(--space-lg);bottom:var(--space-lg)}}.brand-detail{--brand-color: #8b5cf6;min-height:100vh;padding:calc(var(--navbar-height) + var(--space-4xl)) var(--space-2xl) var(--space-5xl);max-width:1100px;margin:0 auto}.brand-detail-nav{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-3xl)}.brand-detail-back{font-family:var(--font-mono);font-size:var(--text-sm);color:var(--color-text-secondary);background:transparent;border:1px solid var(--color-border);border-radius:var(--radius-full);padding:var(--space-sm) var(--space-lg);cursor:pointer;transition:all var(--duration-fast) var(--ease-default)}.brand-detail-back:hover{color:var(--brand-color);border-color:var(--brand-color)}.brand-detail-count{font-family:var(--font-mono);font-size:var(--text-sm);color:var(--color-text-tertiary);letter-spacing:var(--letter-spacing-wide)}.brand-detail-hero{position:relative;border-radius:var(--radius-xl);overflow:hidden;margin-bottom:var(--space-4xl);box-shadow:var(--shadow-xl);isolation:isolate}.brand-detail-hero-bg{position:absolute;inset:0;z-index:-2;opacity:.9}.brand-detail-hero:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(to right,rgba(0,0,0,.6) 0%,rgba(0,0,0,.25) 55%,transparent 100%),linear-gradient(to top,rgba(0,0,0,.4) 0%,transparent 60%);pointer-events:none}.brand-detail-hero-inner{display:flex;align-items:center;gap:var(--space-3xl);padding:var(--space-4xl);min-height:280px;color:#fff}.brand-detail-logo{flex-shrink:0;max-width:180px;max-height:160px;object-fit:contain;filter:drop-shadow(0 4px 16px rgba(0,0,0,.45))}.brand-detail-wordmark{flex-shrink:0;width:140px;height:140px;border-radius:var(--radius-xl);background:#ffffff1f;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;font-family:var(--font-display);font-weight:var(--font-weight-black);font-size:64px;letter-spacing:-2px;border:1px solid rgba(255,255,255,.18);text-shadow:0 4px 18px rgba(0,0,0,.5)}.brand-detail-hero-text{display:flex;flex-direction:column;gap:var(--space-sm);min-width:0}.brand-detail-en{font-family:var(--font-mono);font-size:var(--text-xs);color:#ffffffb3;letter-spacing:var(--letter-spacing-wider);text-transform:uppercase}.brand-detail-title{font-family:var(--font-display);font-size:var(--text-4xl);font-weight:var(--font-weight-black);letter-spacing:var(--letter-spacing-tight);line-height:1.05;margin:0;text-shadow:0 3px 14px rgba(0,0,0,.45)}.brand-detail-tagline{font-size:var(--text-base);color:#ffffffe0;line-height:1.6}.brand-detail-meta{display:flex;align-items:center;gap:var(--space-xl);margin-top:var(--space-md)}.brand-detail-meta-item{display:inline-flex;align-items:baseline;gap:6px;padding:6px 14px;border-radius:var(--radius-full);background:#00000059;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);font-family:var(--font-mono)}.brand-detail-meta-num{font-size:var(--text-lg);font-weight:var(--font-weight-bold);color:#fff}.brand-detail-meta-unit{font-size:var(--text-xs);color:#ffffffbf;letter-spacing:var(--letter-spacing-wide)}.brand-detail-summary{padding:var(--space-xl) var(--space-4xl) var(--space-3xl);color:#ffffffe6;max-width:900px}.brand-detail-summary p{margin:0;font-size:var(--text-base);line-height:var(--line-height-relaxed);color:#ffffffe0}.brand-works-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-2xl);margin:var(--space-3xl) 0 var(--space-4xl)}.brand-works-grid--mobile{grid-template-columns:1fr;gap:var(--space-lg)}@media (max-width: 1024px){.brand-works-grid{grid-template-columns:1fr}}.brand-work-item{margin:0;display:flex;flex-direction:column;gap:var(--space-md);border-radius:var(--radius-lg);overflow:hidden;background:var(--color-surface);border:1px solid var(--color-border);transition:transform .35s var(--ease-default),box-shadow .35s var(--ease-default)}.brand-work-item:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.brand-work-img{width:100%;aspect-ratio:3 / 1;object-fit:cover;display:block;background:var(--color-surface-hover)}.brand-work-placeholder{width:100%;aspect-ratio:3 / 1;display:flex;align-items:center;justify-content:center;padding:var(--space-xl);text-align:center}.brand-work-placeholder-text{font-family:var(--font-display);font-size:var(--text-xl);font-weight:var(--font-weight-bold);color:#fffffff2;text-shadow:0 2px 10px rgba(0,0,0,.35)}.brand-work-caption{padding:0 var(--space-xl) var(--space-xl);display:flex;flex-direction:column;gap:var(--space-sm)}.brand-work-title{font-family:var(--font-display);font-size:var(--text-lg);font-weight:var(--font-weight-bold);color:var(--color-text-primary);line-height:1.3}.brand-work-sub{display:flex;flex-wrap:wrap;gap:var(--space-sm);font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:var(--letter-spacing-wide);color:var(--color-text-tertiary)}.brand-work-sub>span{padding:3px 10px;border-radius:var(--radius-full);background:var(--color-surface-hover);color:var(--color-text-secondary)}.brand-work-desc{margin:0;font-size:var(--text-sm);line-height:1.65;color:var(--color-text-secondary)}.brand-works-empty{padding:var(--space-4xl);text-align:center;border-radius:var(--radius-lg);border:1px dashed var(--color-border);color:var(--color-text-tertiary)}.brand-detail-nav-buttons{display:flex;justify-content:space-between;gap:var(--space-xl);max-width:720px;margin:var(--space-4xl) auto 0;padding-top:var(--space-3xl);border-top:1px solid var(--color-border)}.brand-detail-nav-btn{display:flex;flex-direction:column;gap:var(--space-2xs);padding:var(--space-md) var(--space-lg);background:transparent;border:1px solid var(--color-border);border-radius:var(--radius-lg);cursor:pointer;text-align:left;text-decoration:none;transition:all var(--duration-fast) var(--ease-default);max-width:220px}.brand-detail-nav-btn.next{text-align:right;margin-left:auto}.brand-detail-nav-btn:hover{border-color:var(--brand-color);background:color-mix(in srgb,var(--brand-color) 6%,transparent)}.brand-detail-nav-btn--disabled{visibility:hidden}.brand-detail-notfound{min-height:60vh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.brand-detail-notfound h1{font-family:var(--font-display);font-size:var(--text-4xl);font-weight:var(--font-weight-black);margin-bottom:var(--space-md)}.brand-detail-notfound p{color:var(--color-text-secondary);margin-bottom:var(--space-xl)}.brand-detail-notfound button{padding:var(--space-sm) var(--space-xl);font-family:var(--font-mono);font-size:var(--text-sm);color:var(--color-bg);background:var(--brand-color);border:none;border-radius:var(--radius-full);cursor:pointer}@media (max-width: 640px){.brand-detail-hero-inner{flex-direction:column;align-items:flex-start;gap:var(--space-xl);padding:var(--space-2xl);min-height:auto}.brand-detail-wordmark{width:100px;height:100px;font-size:44px}.brand-detail-logo{max-width:140px;max-height:100px}.brand-detail-title{font-size:var(--text-3xl)}.brand-detail-summary{padding:0 var(--space-2xl) var(--space-2xl)}.brand-detail-nav-buttons{flex-direction:column}.brand-detail-nav-btn.next{margin-left:0;text-align:left}}.video-list-page{min-height:100vh;padding:calc(var(--navbar-height) + var(--space-4xl)) var(--space-2xl) var(--space-5xl);max-width:1200px;margin:0 auto}.video-list-nav{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-3xl)}.video-list-back{font-family:var(--font-mono);font-size:var(--text-sm);color:var(--color-text-secondary);background:transparent;border:1px solid var(--color-border);border-radius:var(--radius-full);padding:var(--space-sm) var(--space-lg);cursor:pointer;transition:all var(--duration-fast) var(--ease-default)}.video-list-back:hover{color:var(--color-tertiary);border-color:var(--color-tertiary)}.video-list-count{font-family:var(--font-mono);font-size:var(--text-sm);color:var(--color-text-tertiary);letter-spacing:var(--letter-spacing-wide)}.video-list-header{text-align:center;margin-bottom:var(--space-4xl)}.video-list-title{font-family:var(--font-display);font-size:var(--text-5xl);font-weight:var(--font-weight-black);letter-spacing:var(--letter-spacing-tight);margin-bottom:var(--space-md);background:linear-gradient(135deg,#fafaf7,#4dc4ff,#3aff9e);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.video-list-desc{font-size:var(--text-lg);color:var(--color-text-secondary);line-height:var(--line-height-relaxed);max-width:560px;margin:0 auto}.video-list-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-lg)}.video-list-grid--mobile{grid-template-columns:1fr 1fr;gap:var(--space-md)}.video-list-card{display:flex;flex-direction:column;border-radius:var(--radius-lg);overflow:hidden;border:1px solid var(--color-border);background:var(--color-bg-elevated);cursor:pointer;text-decoration:none;color:inherit;transition:transform var(--duration-normal) var(--ease-default),border-color var(--duration-normal) var(--ease-default),box-shadow var(--duration-normal) var(--ease-default)}.video-list-card:hover{transform:translateY(-4px);border-color:var(--color-tertiary);box-shadow:0 12px 30px -10px #00000080}.video-list-thumb{position:relative;aspect-ratio:16 / 9;overflow:hidden;background:var(--color-surface)}.video-list-poster{width:100%;height:100%;object-fit:cover;display:block;transition:transform var(--duration-slow) var(--ease-default)}.video-list-card:hover .video-list-poster{transform:scale(1.05)}.video-list-gradient{width:100%;height:100%}.video-list-overlay{position:absolute;inset:0;background:linear-gradient(to top,rgba(15,14,13,.7) 0%,rgba(15,14,13,.1) 50%,transparent 100%);pointer-events:none}.video-list-play{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:var(--color-tertiary);border-radius:var(--radius-full);opacity:0;transition:opacity var(--duration-normal) var(--ease-default),transform var(--duration-normal) var(--ease-default);box-shadow:0 0 20px #3aff9e66}.video-list-card:hover .video-list-play{opacity:1;transform:translate(-50%,-50%) scale(1.1)}.video-list-duration{position:absolute;top:var(--space-sm);right:var(--space-sm);display:inline-flex;align-items:center;padding:var(--space-2xs) var(--space-sm);font-family:var(--font-mono);font-size:var(--text-xs);font-weight:var(--font-weight-semibold);letter-spacing:var(--letter-spacing-wider);color:var(--color-text-primary);background:#0f0e0dcc;border:1px solid var(--color-border-strong);border-radius:var(--radius-full);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);z-index:2}.video-list-info{padding:var(--space-md)}.video-list-meta{display:flex;align-items:center;gap:var(--space-md);margin-bottom:var(--space-sm)}.video-list-cat{display:inline-flex;align-items:center;padding:var(--space-2xs) var(--space-md);font-family:var(--font-mono);font-size:var(--text-xs);font-weight:var(--font-weight-semibold);letter-spacing:var(--letter-spacing-wider);color:var(--color-tertiary);background:#3aff9e14;border:1px solid rgba(58,255,158,.2);border-radius:var(--radius-full);text-transform:uppercase}.video-list-year{font-family:var(--font-mono);font-size:var(--text-sm);color:var(--color-text-tertiary);letter-spacing:var(--letter-spacing-wide)}.video-list-name{font-family:var(--font-display);font-size:var(--text-base);font-weight:var(--font-weight-bold);line-height:var(--line-height-tight);letter-spacing:var(--letter-spacing-tight);color:var(--color-text-primary)}.video-list-empty{padding:var(--space-4xl);text-align:center;border-radius:var(--radius-lg);border:1px dashed var(--color-border);color:var(--color-text-tertiary)}@media (max-width: 1024px){.video-list-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 640px){.video-list-grid,.video-list-grid--mobile{grid-template-columns:1fr}}