.videoContainer{opacity:0;transition:opacity .5s ease;position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;z-index:-1;will-change:transform}.videoContainer.visible{opacity:1}main .hero-section{min-height:calc(100vh - var(--header-height));display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;position:relative;z-index:10}main .hero-section .giant-title,main .hero-section .hero-subtitle{color:#fff!important;mix-blend-mode:normal!important;transition:opacity 1s ease}.hero-section .giant-title.fade-out,.hero-section .hero-subtitle.fade-out{opacity:0}.product-intro{background:var(--color-bg-primary);color:var(--color-text-primary);padding:var(--spacing-3xl) var(--spacing-3xl);position:relative;z-index:20;min-height:60vh;display:flex;align-items:center}.product-intro .container{margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-3xl);width:100%}.product-intro .text-content{flex:1;max-width:50%}.product-intro h2{font-size:var(--font-size-4xl);font-weight:var(--font-weight-extrabold);margin-bottom:var(--spacing-xl);color:var(--color-text-primary);letter-spacing:-.5px}.product-intro p{font-size:var(--font-size-lg);line-height:1.6;color:var(--color-text-secondary);margin-bottom:var(--spacing-2xl);max-width:500px}.product-intro .btn{display:inline-block;background:var(--color-secondary);color:var(--color-text-black);padding:var(--spacing-md) var(--spacing-2xl);border-radius:var(--border-radius-lg);text-decoration:none;font-weight:var(--font-weight-semibold);font-size:var(--font-size-lg);transition:background var(--transition-normal),transform var(--transition-normal);border:none;cursor:pointer}.product-intro .btn:hover{background:#fff;transform:translateY(-3px)}.product-intro .image-content{flex:1;position:relative;max-width:50%;max-height:400px;overflow:hidden;display:flex;align-items:center;justify-content:center}.product-intro .image-content img{width:auto;height:100%;max-width:100%;border-radius:var(--border-radius-lg);object-fit:contain;box-shadow:var(--shadow-lg)}.product-intro .image-content:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(to left,transparent 0%,var(--color-bg-primary) 100%);z-index:1;pointer-events:none}.workshop-intro{background:var(--color-bg-primary);color:var(--color-text-primary);padding:var(--spacing-3xl) var(--spacing-3xl);position:relative;z-index:20;min-height:60vh;display:flex;align-items:center}.workshop-intro .container{margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-3xl);width:100%}.workshop-intro .text-content{flex:1;max-width:50%;text-align:right}.workshop-intro h2{font-size:var(--font-size-4xl);font-weight:var(--font-weight-extrabold);margin-bottom:var(--spacing-xl);color:var(--color-text-primary);letter-spacing:-.5px}.workshop-intro p{font-size:var(--font-size-lg);line-height:1.6;color:var(--color-text-secondary);margin-bottom:var(--spacing-2xl);max-width:500px;margin-left:auto;margin-right:0}.workshop-intro .btn{display:inline-block;background:var(--color-secondary);color:var(--color-text-black);padding:var(--spacing-md) var(--spacing-2xl);border-radius:var(--border-radius-lg);text-decoration:none;font-weight:var(--font-weight-semibold);font-size:var(--font-size-lg);transition:background var(--transition-normal),transform var(--transition-normal);border:none;cursor:pointer}.workshop-intro .btn:hover{background:#fff}.workshop-intro .image-content{flex:1;position:relative;max-width:50%;max-height:400px;overflow:hidden;display:flex;align-items:flex-start;justify-content:flex-start}.workshop-intro .image-content img{width:auto;height:100%;max-width:100%;border-radius:var(--border-radius-lg);object-fit:cover;object-position:top;box-shadow:var(--shadow-lg)}.workshop-intro .image-content:before{content:"";position:absolute;top:0;right:0;width:100%;height:100%;background:linear-gradient(to left,var(--color-bg-primary) 0%,transparent 100%);z-index:1;pointer-events:none}@media(max-width:768px){.product-intro,.workshop-intro{padding:var(--spacing-2xl) var(--spacing-lg);min-height:700px}.product-intro .container,.workshop-intro .container{flex-direction:column;gap:var(--spacing-2xl)}.product-intro .text-content,.workshop-intro .text-content,.product-intro .image-content,.workshop-intro .image-content{max-width:100%}.product-intro .image-content:before,.workshop-intro .image-content:before{display:none}.workshop-intro .text-content{text-align:left}.workshop-intro p{margin-left:0}}