.showcase-main{background:var(--bg-primary);min-height:100vh}.showcase-hero{padding-top:calc(var(--space-16) + var(--space-4));padding-bottom:var(--space-12);padding-left:var(--space-4);padding-right:var(--space-4)}.showcase-container{max-width:1400px;margin:0 auto}.showcase-container-wide{max-width:1600px;margin:0 auto}.showcase-hero-text{text-align:center;margin-bottom:var(--space-8)}.showcase-overline{color:var(--text-secondary);letter-spacing:.3em;text-transform:uppercase;margin-bottom:var(--space-3);font-size:14px;font-weight:300}.showcase-title{letter-spacing:-.02em;margin-bottom:var(--space-4);font-size:clamp(2.5rem,7vw,5.5rem);font-weight:100;line-height:.9}.showcase-title-line{display:block}.showcase-title-line:first-child{color:var(--text-primary)}.showcase-title-line:last-child{color:#e8e8e8e6}.showcase-subtitle{color:#a0a0a0b3;max-width:800px;margin:0 auto;font-size:clamp(.95rem,1.6vw,1.1rem);font-weight:300;line-height:1.7}.showcase-ingredients{gap:var(--space-4);margin-bottom:var(--space-12);grid-template-columns:repeat(auto-fit,minmax(300px,1fr));display:grid}.showcase-card{transition:transform .5s var(--ease-out)}.showcase-image-wrapper{aspect-ratio:1;border:1px solid var(--border-light);transition:all .5s var(--ease-out);background:#ffffff05;border-radius:16px;position:relative;overflow:hidden}.showcase-card:hover .showcase-image-wrapper{border-color:#ffffff26;transform:translateY(-4px)}.showcase-image{object-fit:cover}.showcase-card-content{margin-top:var(--space-3)}.showcase-card-label{color:var(--text-secondary);letter-spacing:.2em;text-transform:uppercase;margin-bottom:var(--space-1);font-size:12px;font-weight:300}.showcase-card-title{color:var(--text-primary);letter-spacing:-.01em;margin-bottom:var(--space-1);font-size:20px;font-weight:300}.showcase-card-text{color:#a0a0a0b3;font-size:14px;font-weight:300;line-height:1.6}.showcase-arrow{text-align:center;margin-bottom:var(--space-12);align-items:center;gap:var(--space-3);flex-direction:column;display:flex}.showcase-arrow-line{background:linear-gradient(90deg,#0000,#ffffff1a,#0000);width:64px;height:1px}.showcase-arrow-icon{color:#a0a0a080;width:24px;height:24px}.showcase-arrow-text{color:#a0a0a0b3;letter-spacing:.05em;font-size:14px;font-weight:300}.showcase-gallery-section{padding:var(--space-12)var(--space-4);background:#1a1a1a80}.showcase-gallery-header{text-align:center;margin-bottom:var(--space-8)}.showcase-section-title{letter-spacing:-.02em;color:var(--text-primary);margin-bottom:var(--space-3);font-size:clamp(2rem,5vw,3.5rem);font-weight:100;line-height:.9}.showcase-section-subtitle{color:#a0a0a0b3;max-width:900px;margin:0 auto;font-size:18px;font-weight:300;line-height:1.7}.showcase-gallery{gap:var(--space-4);grid-template-columns:repeat(auto-fill,minmax(320px,1fr));display:grid}.showcase-gallery-item{transition:transform .5s var(--ease-out)}.showcase-gallery-image-wrapper{aspect-ratio:4/5;border:1px solid var(--border-light);background:var(--bg-tertiary);transition:all .5s var(--ease-out);border-radius:16px;position:relative;overflow:hidden}.showcase-gallery-item:hover .showcase-gallery-image-wrapper{border-color:#ffffff26;transform:translateY(-8px)}.showcase-gallery-caption{color:#a0a0a0b3;margin-top:var(--space-2);font-size:14px;font-weight:300;line-height:1.6}.showcase-process{padding:var(--space-12)var(--space-4)}.showcase-process-header{text-align:center;margin-bottom:var(--space-8)}.showcase-features{gap:var(--space-6);grid-template-columns:repeat(auto-fit,minmax(280px,1fr));display:grid}.showcase-feature{text-align:center}.showcase-feature-icon{width:64px;height:64px;margin:0 auto var(--space-3);border:1px solid #ffffff1a;border-radius:50%;justify-content:center;align-items:center;display:flex}.showcase-feature-icon svg{color:#a0a0a080;width:32px;height:32px}.showcase-feature-title{color:var(--text-primary);letter-spacing:-.01em;margin-bottom:var(--space-2);font-size:20px;font-weight:300}.showcase-feature-text{color:#a0a0a0b3;font-size:14px;font-weight:300;line-height:1.7}.showcase-cta{padding:calc(var(--space-16)*2)var(--space-4);position:relative;overflow:hidden}.showcase-cta:before{content:"";pointer-events:none;background:linear-gradient(#0000,#ffffff05,#0000);position:absolute;inset:0}.showcase-cta-content{text-align:center;z-index:1;max-width:900px;margin:0 auto;position:relative}.showcase-cta-title{letter-spacing:-.02em;color:var(--text-primary);margin-bottom:var(--space-4);font-size:clamp(2.5rem,6vw,4.5rem);font-weight:100;line-height:.9}.showcase-cta-text{color:#a0a0a0b3;margin-bottom:var(--space-6);font-size:clamp(1rem,1.8vw,1.2rem);font-weight:300;line-height:1.7}.showcase-cta-subtext{margin-top:var(--space-2);color:#a0a0a080;display:block}.showcase-cta-buttons{gap:var(--space-3);flex-direction:column;align-items:center;display:flex}@media (min-width:640px){.showcase-cta-buttons{flex-direction:row;justify-content:center}}.showcase-btn-primary{letter-spacing:-.01em;transition:all .4s var(--ease-out);background:#fff;border-radius:8px;justify-content:center;align-items:center;padding:18px 36px;font-weight:400;text-decoration:none;display:inline-flex;color:#111!important}.showcase-btn-primary:hover{background:#f5f5f5;transform:translateY(-2px)}.showcase-btn-secondary{color:var(--text-primary);letter-spacing:-.01em;transition:all .4s var(--ease-out);border:1px solid #ffffff4d;border-radius:8px;justify-content:center;align-items:center;padding:18px 36px;font-weight:300;text-decoration:none;display:inline-flex}.showcase-btn-secondary:hover{background:#ffffff0d;border-color:#ffffff80}.showcase-footer{padding:var(--space-6)var(--space-4);border-top:1px solid var(--border-light);text-align:center}.showcase-footer-text{color:#a0a0a080;font-size:14px;font-weight:300}.fade-in{opacity:0;transition:opacity .8s cubic-bezier(.22,.61,.36,1),transform .8s cubic-bezier(.22,.61,.36,1);transform:translateY(30px)scale(.98)}.fade-in.reveal{opacity:1;transform:translateY(0)scale(1)}@media (max-width:768px){.showcase-ingredients,.showcase-gallery,.showcase-features{grid-template-columns:1fr}}