:root{--bg-color: #050505;--text-color: #e0e0e0;--accent-color: #ff3333;--font-main: "Helvetica Neue", "Arial Black", Impact, sans-serif;--font-mono: "Courier New", Courier, monospace}*{margin:0;padding:0;box-sizing:border-box}@media (hover: hover) and (pointer: fine){*,body,html{cursor:none!important}}html{scroll-behavior:smooth;overflow-x:hidden}body{background-color:var(--bg-color);color:var(--text-color);font-family:var(--font-main);width:100%;margin:0;padding:0}.noise-overlay{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:50;opacity:.12;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)' opacity='1'/%3E%3C/svg%3E");mix-blend-mode:overlay;will-change:opacity;contain:strict}@media (hover: none){.noise-overlay{display:none}}*:focus-visible{outline:1px solid rgba(255,51,51,.6);outline-offset:2px}*:focus:not(:focus-visible){outline:none}#cursor{position:fixed;width:12px;height:12px;background:#fff;border-radius:50%;pointer-events:none;mix-blend-mode:exclusion;z-index:1000000;will-change:transform;transform:translate(-50%,-50%);transition:width .25s cubic-bezier(.19,1,.22,1),height .25s cubic-bezier(.19,1,.22,1),background .25s ease,border .25s ease,box-shadow .25s ease,opacity .2s ease;opacity:0}#cursor.active{width:48px;height:48px;background:transparent;border:1px solid white}nav{position:fixed;top:0;width:100%;padding:2rem 3rem;display:flex;justify-content:space-between;align-items:center;z-index:25000!important;mix-blend-mode:difference;transition:mix-blend-mode .3s;pointer-events:none}nav.active-menu{mix-blend-mode:normal;background:transparent}.nav-left,.nav-center,.nav-right{pointer-events:none}.nav-logo,.nav-link,.menu-toggle{pointer-events:auto!important}.nav-left,.nav-right{flex:1;display:flex;align-items:center}.nav-right{justify-content:flex-end}.nav-center{flex:0;display:flex;gap:2rem;align-items:center}.nav-logo{font-weight:900;font-size:1.5rem;letter-spacing:-1px;text-decoration:none;color:inherit}.nav-logo img{max-height:100px;width:auto;object-fit:contain;filter:brightness(0) invert(1);transition:transform .3s ease}.nav-logo:hover img{transform:scale(1.05)}.nav-link{font-size:.8rem;letter-spacing:2px;text-decoration:none;color:#999;transition:all .3s}.nav-link:hover,.nav-link.active{color:var(--text-color)}.nav-link.active{color:var(--accent-color)!important}.menu-toggle{display:none;flex-direction:column;justify-content:center;align-items:center;gap:6px;width:44px;height:44px;background:none;border:none;padding:0;z-index:15001!important;position:relative;cursor:pointer!important;pointer-events:auto!important}.menu-toggle span{width:24px;height:1px;background:#fff;transition:.3s}.menu-toggle.active span{background:#fff!important;height:2px}.menu-toggle.active span:nth-child(1){transform:translateY(4px) rotate(45deg)}.menu-toggle.active span:nth-child(2){transform:translateY(-4px) rotate(-45deg)}.scroll-wrapper{position:absolute;bottom:5vh;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:20px;z-index:10}.scroll-icon{width:1px;height:30px;background:#ffffff1a;position:relative;overflow:hidden}.scroll-icon:after{content:"";position:absolute;top:-100%;left:0;width:100%;height:100%;background:#fff;animation:scrollLine 2s infinite}@keyframes scrollLine{0%{top:-100%}50%{top:0}to{top:100%}}.scroll-hint{font-family:var(--font-mono);font-size:.6rem;letter-spacing:4px;color:#888;text-transform:uppercase;white-space:nowrap}#cinematic-prologue{width:100%;height:100vh;height:100dvh;background:#000;position:relative;overflow:hidden;scroll-margin-top:0}.prologue-overlay{position:absolute;bottom:6rem;left:4rem;z-index:100;opacity:0;transform:translateY(10px);transition:all 1s ease .5s}#cinematic-prologue.ready .prologue-overlay,#hero-section.ready .prologue-overlay{opacity:1;transform:translateY(0)}.prologue-caption{font-family:var(--font-mono);font-size:.65rem;color:#888;letter-spacing:3px;text-transform:uppercase;display:flex;align-items:center;gap:15px}.prologue-caption:before{content:"";width:30px;height:1px;background:#444}.video-container{width:100%;height:100%;position:relative;background:#000;overflow:hidden;opacity:0;transition:opacity 1.5s ease}#cinematic-prologue.ready .video-container{opacity:1}#prologue-video{width:100%;height:100%;object-fit:cover;pointer-events:none}.video-container iframe{position:absolute;bottom:-2px;left:50%;width:102vw;height:57.38vw;min-height:102vh;min-height:102dvh;min-width:181.33vh;min-width:181.33dvh;transform:translate(-50%);pointer-events:none;border:none}#prologue-video{width:100%;height:100%;object-fit:cover;pointer-events:none;background:#000}#prologue-video::-webkit-media-controls{display:none!important}#prologue-video::-webkit-media-controls-start-playback-button,#prologue-video::-webkit-media-controls-panel,#prologue-video::-webkit-media-controls-overlay-play-button{display:none!important;-webkit-appearance:none}.video-container:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.7' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E");opacity:.08;pointer-events:none;mix-blend-mode:soft-light;z-index:2}@media (max-width: 768px){.video-container{height:100%;width:100%}.prologue-overlay{left:2rem;top:3vh}.prologue-caption{font-size:.55rem}}@media (max-width: 1024px){nav{padding:1.5rem}.nav-logo img{max-height:60px}nav.active-menu{mix-blend-mode:normal!important;background:#000000e6!important}nav{mix-blend-mode:normal!important;background:transparent!important;pointer-events:auto!important}.menu-toggle.active{mix-blend-mode:normal!important;position:relative;z-index:15001!important}.menu-toggle{display:flex;pointer-events:auto!important;touch-action:manipulation;mix-blend-mode:normal!important}.nav-center{position:fixed;top:0;right:0;bottom:0;left:0;top:0!important;left:0!important;width:100vw!important;height:100dvh!important;background:#00000073!important;backdrop-filter:blur(25px) saturate(180%)!important;-webkit-backdrop-filter:blur(25px) saturate(180%)!important;display:none;flex-direction:column;justify-content:center;align-items:center;gap:3rem;z-index:10000!important;pointer-events:auto!important}.nav-center.active{display:flex}.nav-link{font-size:1.5rem}.hero-match-btn{bottom:15vh;padding:1rem 2.2rem;font-size:.65rem;letter-spacing:.25em}}footer{padding:8rem 5vw 4rem;background:#000;border-top:1px solid #111;display:flex;flex-direction:column;gap:4rem}.footer-top{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:4rem}.footer-brand .nav-logo img{max-height:60px;opacity:.8;filter:brightness(0) invert(1);margin-bottom:2rem}.footer-brand p{font-family:var(--font-mono);font-size:.75rem;color:#777;line-height:1.8;max-width:300px;letter-spacing:.05em}.footer-col h4{font-family:var(--font-mono);font-size:.65rem;color:#666;letter-spacing:3px;text-transform:uppercase;margin-bottom:2rem}.footer-col ul{list-style:none}.footer-col ul li{margin-bottom:1rem}.footer-col ul li a{font-size:.8rem;color:#999;text-decoration:none;transition:color .3s}.footer-col ul li a:hover{color:var(--accent-color)}.footer-bottom{padding-top:2rem;border-top:1px solid #111;display:flex;justify-content:space-between;align-items:center}.footer-bottom span{font-family:var(--font-mono);font-size:.65rem;color:#555;letter-spacing:1px}@media (max-width: 992px){.footer-top{grid-template-columns:1fr 1fr}}@media (max-width: 600px){.footer-top{grid-template-columns:1fr}.footer-bottom{flex-direction:column;gap:1rem;text-align:center}}.reveal{opacity:0;transform:translateY(50px);transition:opacity .8s,transform .8s}.reveal.visible{opacity:1;transform:translateY(0)}.btn{display:inline-block;padding:1rem 2rem;border:1px solid var(--text-color);color:var(--text-color);text-decoration:none;font-family:var(--font-mono);font-size:.8rem;letter-spacing:2px;text-transform:uppercase;transition:all .3s;background:transparent}.btn:hover{background:var(--text-color);color:var(--bg-color)}.btn-accent{border-color:var(--accent-color);color:var(--accent-color)}.btn-accent:hover{background:var(--accent-color);color:#fff}#hero-section{width:100%;height:100vh;height:100dvh;display:flex;align-items:center;justify-content:center;position:relative;background:#000;overflow:hidden;scroll-margin-top:0}#hero-section .video-container{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;opacity:0;transition:opacity 2s ease}.video-placeholder{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;background:#000;z-index:2;transition:opacity 1.5s ease;pointer-events:none}#hero-section.ready .video-placeholder{opacity:0}#prologue-video{width:100%;height:100%;object-fit:cover;position:absolute;top:0;left:0;z-index:1}body.ready #hero-section .video-container{opacity:1}#hero-section .prologue-overlay{bottom:6rem;left:4rem}body.ready #hero-section .prologue-overlay{opacity:1;transform:translateY(0)}canvas#hero-canvas{display:block;width:100%;height:100%}.hero-match-btn{position:absolute;bottom:18vh;left:50%;transform:translate(-50%);font-family:var(--font-mono);font-size:.75rem;color:var(--accent-color);text-decoration:none;letter-spacing:.35em;padding:1.2rem 2.8rem;border:1px solid rgba(255,51,51,.4);transition:all .5s cubic-bezier(.19,1,.22,1);z-index:100;background:#0006;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);white-space:nowrap;text-transform:uppercase;animation:pulse-border 3s infinite ease-in-out}@keyframes pulse-border{0%,to{border-color:#ff33334d}50%{border-color:#f33c}}.hero-match-btn:hover{border-color:var(--accent-color);background:var(--accent-color);color:#000;box-shadow:0 0 30px #ff333380;animation:none}.scroll-hint{font-family:var(--font-mono);font-size:.7rem;letter-spacing:.3rem;opacity:.6;animation:blink 2s infinite}@keyframes blink{0%,to{opacity:.3}50%{opacity:1}}#brand-story{position:relative;min-height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;overflow:hidden;background:#080808;padding:15rem 0}.floater{position:absolute;opacity:.4;filter:grayscale(100%) contrast(1.2);mix-blend-mode:screen;animation:drift 10s ease-in-out infinite alternate;transition:transform .1s linear}@keyframes drift{0%{transform:translateY(0) rotate(-2deg)}to{transform:translateY(-30px) rotate(2deg)}}.f1{top:15%;left:10%;width:20vw;animation-delay:0s}.f2{top:55%;right:15%;width:25vw;animation-delay:-2s;z-index:1}.f3{top:20%;right:10%;width:15vw;animation-delay:-5s;opacity:.3}.f4{bottom:10%;left:20%;width:18vw;animation-delay:-3s}.floater img{width:100%;height:auto;display:block;opacity:0;transition:opacity 1s ease}.floater.ready img{opacity:1}.item-img{width:100%;height:100%;object-fit:cover;transition:transform .8s cubic-bezier(.19,1,.22,1),opacity .8s ease;filter:grayscale(100%) contrast(1.1);opacity:0}.item-img.ready{opacity:1}.story-text{z-index:10;text-align:center;mix-blend-mode:exclusion;max-width:800px;padding:0 2rem}.story-title{font-size:5vw;line-height:1;font-weight:900;text-transform:uppercase;margin-bottom:3rem}.story-desc{font-family:var(--font-mono);font-size:1.1rem;line-height:1.6;color:#ccc}.marquee-bar{width:100%;background:var(--text-color);color:var(--bg-color);padding:1.5rem 0;overflow:hidden;white-space:nowrap;transform:rotate(-1.5deg) scale(1.05);border-top:2px solid var(--accent-color);border-bottom:2px solid var(--accent-color);z-index:20;position:relative;margin:0}.marquee-content{display:inline-block;font-size:1.8rem;font-weight:900;animation:marquee 20s linear infinite}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}#gallery{padding:10vh 5vw}.section-header{font-family:var(--font-mono);font-size:.8rem;color:#999;margin-bottom:10vh;border-bottom:1px solid #333;padding-bottom:1rem;display:flex;justify-content:space-between}.item-row{display:flex;align-items:center;justify-content:center;margin-bottom:30vh;gap:8vw;opacity:0;transform:translateY(50px);transition:opacity .8s,transform .8s}.item-row.visible{opacity:1;transform:translateY(0)}.item-row:nth-child(2n){flex-direction:row-reverse}.item-row:nth-child(2n) .item-info{text-align:right}.item-row:nth-child(odd) .item-info{text-align:left}.item-visual{width:50%;height:75vh;position:relative;overflow:hidden;background:transparent;display:flex;align-items:center;justify-content:center}.item-img{width:100%;height:100%;object-fit:cover;filter:none!important;-webkit-filter:grayscale(0)!important;transition:transform .6s cubic-bezier(.25,1,.5,1),filter .6s}.glitch-layer{position:absolute;top:0;right:0;bottom:0;left:0;background-size:cover;background-position:center;background-repeat:no-repeat;opacity:0;mix-blend-mode:hard-light;pointer-events:none}.item-visual:hover .item-img{transform:scale(1.1);filter:grayscale(0%) invert(0%)}.item-visual:hover .glitch-layer{opacity:.6;animation:glitch .3s infinite steps(2)}@keyframes glitch{0%{clip-path:inset(20% 0 50% 0);transform:translate(-2px,2px)}20%{clip-path:inset(60% 0 10% 0);transform:translate(2px,-2px)}40%{clip-path:inset(10% 0 80% 0);transform:translate(-2px,2px)}60%{clip-path:inset(50% 0 20% 0);transform:translate(2px,-2px)}80%{clip-path:inset(0% 0 60% 0);transform:translate(2px,2px)}to{clip-path:inset(30% 0 30% 0);transform:translate(-2px,-2px)}}.item-info{width:auto;max-width:45%;overflow:visible}.item-title{font-size:5vw;line-height:.9;font-weight:900;text-transform:uppercase;margin-bottom:2rem}.data-panel{border-top:1px solid #333;padding-top:1.5rem;opacity:.4;transition:opacity .4s}.item-visual:hover+.item-info .data-panel,.data-panel:hover{opacity:1}.data-row{display:flex;align-items:center;margin-bottom:1rem;font-family:var(--font-mono);font-size:.9rem}.item-row:nth-child(2n) .data-row{flex-direction:row-reverse}.data-label{width:80px;font-weight:700}.data-track{flex-grow:1;height:1px;background:#333;margin:0 1rem;position:relative}.data-fill{height:100%;background:var(--accent-color);width:0%;position:absolute;top:0;transition:width 1s ease-out}.item-row:nth-child(odd) .data-fill{right:0}.item-row:nth-child(2n) .data-fill{left:0}.data-val{width:50px;font-weight:700;color:var(--accent-color)}.item-row:nth-child(odd) .data-val{text-align:left}.item-row:nth-child(2n) .data-val{text-align:right}.dna-circle-badge{position:relative;width:160px;height:160px;display:flex;align-items:center;justify-content:center;margin:1rem 0;cursor:pointer;transition:transform .4s cubic-bezier(.19,1,.22,1);overflow:visible!important}.dna-circle-badge:hover{transform:scale(1.05)}.item-row:nth-child(odd) .dna-circle-badge{margin-left:0}.item-row:nth-child(2n) .dna-circle-badge{margin-right:0}.dna-circle-svg{width:100%;height:100%;transform:rotate(-90deg);overflow:visible}.dna-circle-bg{fill:none;stroke:#111;stroke-width:12}.dna-circle-segment{fill:none;stroke-width:14;stroke-linecap:butt;transition:stroke-dasharray 1s cubic-bezier(.19,1,.22,1)}.dna-circle-center{position:absolute;width:90px;height:90px;background:#000;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 0 50px var(--primary-style-blur, rgba(255, 77, 0, .5));border:1px solid var(--primary-style-color, #444);transition:all .6s cubic-bezier(.19,1,.22,1)}.item-visual:hover+.item-info .dna-circle-center,.dna-circle-badge:hover .dna-circle-center{border-color:var(--primary-style-color, #444);box-shadow:0 0 30px var(--primary-style-blur, rgba(255, 255, 255, .1))}.dna-circle-center:after{content:"";position:absolute;top:2px;right:2px;bottom:2px;left:2px;border-radius:50%;background:var(--primary-style-color, transparent);opacity:.5;filter:blur(12px);transition:opacity .6s ease}.item-visual:hover+.item-info .dna-circle-center:after,.dna-circle-badge:hover .dna-circle-center:after{opacity:.8;animation:dnaPulse 2s infinite ease-in-out}@keyframes dnaPulse{0%,to{transform:scale(1);opacity:.65;filter:blur(15px)}50%{transform:scale(1.3);opacity:.9;filter:blur(25px)}}.dna-circle-val{position:absolute;font-family:var(--font-mono);font-size:1rem;font-weight:900;color:#fff;text-align:center;letter-spacing:2px;pointer-events:none;z-index:2}.dna-circle-label-mini{position:absolute;bottom:-15%;font-family:var(--font-mono);font-size:.55rem;color:#777;letter-spacing:2px;text-transform:uppercase;white-space:nowrap;transition:color .4s}.item-visual:hover+.item-info .dna-circle-label-mini{color:#888}.dna-viz-container{display:flex;align-items:center;gap:3rem;margin:1rem 0;justify-content:flex-start}.dna-details{flex:1;opacity:0;transform:translate(10px);transition:all .6s cubic-bezier(.19,1,.22,1);pointer-events:none;text-align:left}.item-visual:hover+.item-info .dna-details,.product-card:hover .dna-details{opacity:1;transform:translate(0)}.dna-detail-item{display:flex;align-items:center;gap:1.2rem;margin-bottom:.8rem;font-family:var(--font-mono);font-size:.8rem;letter-spacing:1.5px}.dna-dot{width:6px;height:6px;border-radius:50%}.dna-name{color:#888;text-transform:uppercase}.dna-pct{color:#fff;font-weight:700;margin-left:auto}.dna-match-prompt{margin-top:1rem;font-family:var(--font-mono);font-size:.6rem;color:#ff4d00;border-top:1px solid #222;padding-top:.5rem;letter-spacing:2px;font-weight:700}.admin-container{max-width:1400px;margin:0 auto;padding:120px 3rem 5rem}.admin-header{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:4rem;border-bottom:1px solid rgba(255,255,255,.05);padding-bottom:2rem}.admin-title{font-size:3rem;font-weight:900;letter-spacing:-1px;background:linear-gradient(to right,#fff,#666);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.admin-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;margin-bottom:4rem}.admin-card{background:linear-gradient(145deg,#111,#0a0a0a);border:1px solid rgba(255,255,255,.05);padding:2.5rem 2rem;position:relative;overflow:hidden;transition:all .4s cubic-bezier(.165,.84,.44,1)}.admin-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:2px;background:linear-gradient(90deg,transparent,var(--accent-color),transparent);transform:translate(-100%);transition:transform .6s}.admin-card:hover{border-color:#ffffff26;transform:translateY(-5px);box-shadow:0 20px 40px #0006}.admin-card:hover:before{transform:translate(100%)}.admin-card h3{font-family:var(--font-mono);font-size:.7rem;color:#888;margin-bottom:1.5rem;text-transform:uppercase;letter-spacing:3px}.stat-value{font-size:4rem;font-weight:900;line-height:1;margin-bottom:.5rem}.stat-label{font-family:var(--font-mono);font-size:.65rem;color:#777;text-transform:uppercase;letter-spacing:1px}.login-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000;display:flex;align-items:center;justify-content:center;z-index:1000}.login-box{background:#080808;border:1px solid #222;padding:4rem;max-width:450px;width:90%;text-align:left}.login-box h2{margin-bottom:2.5rem;font-size:2rem;font-weight:900;letter-spacing:-1px}.login-box input{width:100%;padding:1.2rem;background:#000;border:1px solid #222;color:var(--text-color);font-family:var(--font-mono);margin-bottom:1rem;font-size:.9rem;transition:border-color .3s}.login-box input:focus{outline:none;border-color:var(--accent-color)}.login-error{color:var(--accent-color);font-family:var(--font-mono);font-size:.75rem;margin-bottom:1.5rem;display:none;border-left:2px solid var(--accent-color);padding-left:1rem}.data-table{width:100%;border-collapse:separate;border-spacing:0;font-family:var(--font-mono);font-size:.8rem}.data-table th{padding:1.5rem 1rem;text-align:left;color:#777;text-transform:uppercase;letter-spacing:2px;font-size:.65rem;border-bottom:1px solid #222}.data-table td{padding:1.2rem 1rem;border-bottom:1px solid #151515;color:#888}.data-table tr:last-child td{border-bottom:none}.data-table tr:hover td{color:#fff;background:#ffffff05}.admin-tabs{display:flex;gap:0;margin-bottom:2rem;border-bottom:1px solid #222}.tab-btn{padding:1rem 2rem;background:transparent;border:none;color:#888;font-family:var(--font-mono);font-size:.8rem;letter-spacing:2px;text-transform:uppercase;cursor:pointer;transition:all .3s;position:relative}.tab-btn:after{content:"";position:absolute;bottom:-1px;left:0;width:100%;height:2px;background:var(--accent-color);transform:scaleX(0);transition:transform .3s}.tab-btn:hover{color:#aaa}.tab-btn.active{color:#fff}.tab-btn.active:after{transform:scaleX(1)}.tab-content{display:none}.tab-content.active{display:block}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000e6;display:flex;align-items:center;justify-content:center;z-index:2000;overflow-y:auto;padding:2rem}.modal-box{background:#0a0a0a;border:1px solid #222;max-width:700px;width:100%;max-height:90vh;overflow-y:auto;padding:2rem}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding-bottom:1rem;border-bottom:1px solid #222}.modal-header h2{font-size:1.5rem;font-weight:900}.modal-close{background:none;border:none;color:#999;font-size:2rem;cursor:pointer;transition:color .3s}.modal-close:hover{color:var(--accent-color)}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:1.5rem}.form-group{margin-bottom:1.5rem}.form-group label{display:block;font-family:var(--font-mono);font-size:.75rem;color:#999;text-transform:uppercase;letter-spacing:1px;margin-bottom:.5rem}.form-group input[type=text],.form-group input[type=url],.form-group input[type=number]{width:100%;padding:.8rem 1rem;background:#050505;border:1px solid #333;color:var(--text-color);font-family:var(--font-mono);font-size:.85rem;transition:border-color .3s}.form-group input:focus{outline:none;border-color:var(--accent-color)}.image-upload-area{display:flex;gap:1rem}.image-upload-area input[type=text]{flex:1}.image-preview{margin-top:1rem;text-align:center}.image-preview img{border:1px solid #333}.btn-secondary{background:transparent;border-color:#444;color:#888}.btn-secondary:hover{background:#222;color:#fff}.btn-small{padding:.4rem .8rem;font-size:.7rem;background:transparent;border:1px solid #333;color:#888;font-family:var(--font-mono);cursor:pointer;transition:all .3s;margin-right:.5rem}.btn-small:hover{border-color:#fff;color:#fff}.btn-small.btn-delete:hover{border-color:var(--accent-color);color:var(--accent-color)}.checkbox-group label{display:flex;align-items:center;gap:.5rem;cursor:pointer}.checkbox-group input[type=checkbox]{width:18px;height:18px;accent-color:var(--accent-color)}.form-actions{display:flex;justify-content:flex-end;gap:1rem;margin-top:2rem;padding-top:1.5rem;border-top:1px solid #222}.style-sliders-container{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.style-slider-row{display:flex;align-items:center;gap:.8rem;padding:.8rem;background:#080808;border:1px solid #1a1a1a;transition:border-color .3s}.style-slider-row:hover{border-color:#333}.style-label{width:80px;flex-shrink:0}.style-name{display:block;font-size:.75rem;color:#fff}.style-name-en{display:block;font-family:var(--font-mono);font-size:.6rem;color:#888}.style-slider{flex:1;height:4px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#333;border-radius:2px;outline:none}.style-slider::-webkit-slider-thumb{-webkit-appearance:none;width:14px;height:14px;background:var(--accent-color);border-radius:50%;cursor:pointer;transition:transform .2s}.style-slider::-webkit-slider-thumb:hover{transform:scale(1.2)}.style-value{width:40px;text-align:right;font-family:var(--font-mono);font-size:.75rem;color:var(--accent-color)}.mainpage-slots{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;margin-bottom:2rem}.slot-card{background:linear-gradient(145deg,#111,#0a0a0a);border:1px solid #222;padding:1.5rem;transition:all .3s}.slot-card:hover{border-color:#333;transform:translateY(-3px)}.slot-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.slot-number{font-family:var(--font-mono);font-size:.7rem;color:#888;letter-spacing:2px}.slot-status{font-family:var(--font-mono);font-size:.65rem;padding:.3rem .6rem;border-radius:2px;background:#1a1a1a;color:#999}.slot-status.active{background:#00ff001a;color:#0f0}.slot-preview{display:flex;gap:1rem;margin-bottom:1rem}.slot-image{width:100px;height:130px;background:#080808;border:1px solid #222;display:flex;align-items:center;justify-content:center;flex-shrink:0;overflow:hidden}.slot-image span{font-family:var(--font-mono);font-size:.6rem;color:#777}.slot-image img{width:100%;height:100%;object-fit:cover;filter:grayscale(100%) contrast(1.1)}.slot-info{flex:1}.slot-title{font-size:1.3rem;font-weight:900;margin-bottom:.2rem}.slot-subtitle{font-family:var(--font-mono);font-size:.75rem;color:#999;margin-bottom:1rem}.slot-dna{display:flex;flex-direction:column;gap:.5rem}.dna-bar{display:flex;align-items:center;gap:.5rem}.dna-bar .dna-label{width:60px;font-family:var(--font-mono);font-size:.6rem;color:#999}.dna-bar .dna-track{flex:1;height:3px;background:#222;position:relative}.dna-bar .dna-fill{height:100%;background:var(--accent-color);transition:width .5s}.dna-bar .dna-value{width:30px;font-family:var(--font-mono);font-size:.65rem;color:var(--accent-color);text-align:right}@media (max-width: 1024px){.mainpage-slots,.admin-grid{grid-template-columns:1fr}.admin-card[style*="grid-column: span 2"]{grid-column:span 1!important}.admin-tabs{overflow-x:auto;white-space:nowrap;display:flex;padding:.5rem 1rem!important;-webkit-overflow-scrolling:touch}.tab-btn{flex:0 0 auto}.admin-header{flex-direction:column;align-items:flex-start;gap:1rem}.style-sliders-container{grid-template-columns:1fr}nav{padding:0 1.5rem!important}}.about-hero{height:60vh;display:flex;align-items:center;justify-content:center;text-align:center;background:linear-gradient(180deg,#000,#080808);padding-top:80px}.about-hero h1{font-size:8vw;font-weight:900;text-transform:uppercase;line-height:.9}.about-section{padding:15vh 10vw;max-width:1000px;margin:0 auto}.about-section h2{font-size:2rem;font-weight:900;margin-bottom:2rem;text-transform:uppercase}.about-section p{font-family:var(--font-mono);font-size:1rem;line-height:1.8;color:#aaa;margin-bottom:2rem}.manifesto-item{padding:3rem 0;border-bottom:1px solid #222}.manifesto-number{font-family:var(--font-mono);font-size:.8rem;color:var(--accent-color);margin-bottom:1rem}.manifesto-title{font-size:1.5rem;font-weight:900;margin-bottom:1rem}.manifesto-text{font-family:var(--font-mono);color:#888;line-height:1.6}@media (max-width: 768px){.story-title{font-size:3rem}.item-row,.item-row:nth-child(2n){flex-direction:column;margin-bottom:15vh;gap:2rem}.item-visual{width:100%;height:50vh}.item-info,.item-row:nth-child(2n) .item-info,.item-row:nth-child(odd) .item-info{width:100%;text-align:left;max-width:100%}.dna-viz-container,.item-row:nth-child(odd) .dna-viz-container,.item-row:nth-child(2n) .dna-viz-container{flex-direction:row;align-items:center;gap:1.5rem;justify-content:flex-start;padding-top:1rem}.dna-circle-badge{width:140px;height:140px}.dna-circle-center{width:60px;height:60px}.dna-circle-val{font-size:.75rem}.dna-details,.item-row:nth-child(odd) .dna-details,.product-card .dna-details{flex:1;opacity:1!important;transform:none!important;pointer-events:auto;padding-bottom:0;text-align:left}.dna-detail-item,.item-row:nth-child(odd) .dna-detail-item,.product-card .dna-detail-item{flex-direction:row;justify-content:flex-start;font-size:.6rem;margin-bottom:.4rem;gap:.5rem}.dna-match-prompt{font-size:.7rem;border-top:1px solid #222;margin-top:1.5rem}.data-row,.item-row:nth-child(2n) .data-row{flex-direction:row}.data-fill,.item-row:nth-child(2n) .data-fill,.item-row:nth-child(odd) .data-fill{left:0;right:auto}.floater{opacity:.2}nav{padding:1rem 1.5rem;font-size:.7rem}.nav-logo{font-size:1.2rem}.about-hero h1{font-size:12vw}#hero-section,#cinematic-prologue{height:100vh;height:100dvh;display:flex;flex-direction:column;justify-content:center;background:#000;overflow:hidden}.video-container{width:100%;height:100%;position:absolute;top:0;right:0;bottom:0;left:0;background:#000}#prologue-video{width:100%;height:100%;object-fit:contain!important;object-position:center center;background:#000;margin:0}.video-container iframe{position:absolute!important;top:50%!important;left:0!important;width:100vw!important;height:56.25vw!important;transform:translateY(-50%)!important;pointer-events:none!important;border:none!important}.gender-btn{z-index:1000}.prologue-overlay{bottom:2vh;left:1rem;z-index:10;opacity:0;transform:translateY(10px);transition:all 1s ease}body.ready #hero-section .prologue-overlay,#hero-section.ready .prologue-overlay{opacity:1;transform:translateY(0)}.hero-match-btn{bottom:12%;padding:.8rem 1.8rem;font-size:.6rem;letter-spacing:.25em;background:#0009}.item-title{font-size:2rem}.item-visual{height:auto;min-height:250px;max-height:60vh}.item-img{width:100%;height:auto;max-height:60vh;object-fit:cover}.item-info{padding:0 1.5rem}}#page-transition-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#000;z-index:999999;opacity:1;pointer-events:auto;transition:opacity .6s cubic-bezier(.19,1,.22,1)}#page-transition-overlay.faded-out{opacity:0;pointer-events:none}