:root{--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-smooth: cubic-bezier(.25, .1, .25, 1);--duration-fast: .15s;--duration-base: .25s;--duration-slow: .4s;--scale-press: .98;--scale-hover: 1.02}.ello-btn{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:var(--space-sm, .75rem);padding:1rem 2rem;font-family:var(--ello-font-body, sans-serif);font-size:.875rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;text-decoration:none;border:none;border-radius:6px;cursor:pointer;overflow:hidden;isolation:isolate;transition:transform var(--duration-base) var(--ease-bounce),box-shadow var(--duration-base) var(--ease-out)}.ello-btn--primary{background:var(--ello-charcoal, #2d2a26);color:var(--ello-white, #fffdf9);box-shadow:0 4px 14px #2d2a2640}.ello-btn--primary:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:var(--ello-gradient-gold, linear-gradient(135deg, #c9a87c, #e8d5b7));transform:translate(-101%);transition:transform var(--duration-slow) var(--ease-out);z-index:-1}.ello-btn--primary .btn-text{position:relative;z-index:1;transition:color var(--duration-base) var(--ease-out);transition-delay:calc(var(--duration-slow) * .3)}.ello-btn--primary:hover:before{transform:translate(0)}.ello-btn--primary:hover{box-shadow:0 8px 24px #c9a87c59}.ello-btn--primary:hover .btn-text{color:var(--ello-charcoal, #2d2a26)}.ello-btn--primary:active{transform:scale(var(--scale-press))}.ello-btn--secondary{background:transparent;color:var(--ello-charcoal, #2d2a26);border:2px solid var(--ello-charcoal, #2d2a26)}.ello-btn--secondary:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:var(--ello-charcoal, #2d2a26);transform:scaleX(0);transform-origin:left;transition:transform var(--duration-base) var(--ease-out);z-index:-1}.ello-btn--secondary:hover:before{transform:scaleX(1)}.ello-btn--secondary:hover{color:var(--ello-white, #fffdf9)}.ello-btn--secondary:active{transform:scale(var(--scale-press))}.ello-btn--gold{background:var(--ello-gradient-gold, linear-gradient(135deg, #c9a87c, #e8d5b7));background-size:200% 100%;color:var(--ello-white, #fffdf9);box-shadow:0 4px 20px #c9a87c66}.ello-btn--gold:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);transform:translate(-100%);transition:transform .6s ease}.ello-btn--gold:hover:before{transform:translate(100%)}.ello-btn--gold:hover{background-position:100% 0;transform:translateY(-2px);box-shadow:0 8px 30px #c9a87c80}.ello-btn--gold:active{transform:translateY(0) scale(var(--scale-press))}.ello-btn--ghost{background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:var(--ello-charcoal, #2d2a26);border:1px solid rgba(255,255,255,.3)}.ello-btn--ghost:hover{background:#fff3;transform:translateY(-2px)}.ello-btn--ghost:active{transform:translateY(0) scale(var(--scale-press))}.ello-link{position:relative;color:var(--ello-charcoal, #2d2a26);text-decoration:none;transition:color var(--duration-fast) var(--ease-out)}.ello-link:after{content:"";position:absolute;bottom:-2px;left:0;width:0;height:2px;background:var(--ello-gradient-gold, linear-gradient(135deg, #c9a87c, #e8d5b7));transition:width var(--duration-base) var(--ease-out)}.ello-link:hover:after{width:100%}.ello-link:hover{color:var(--ello-gold, #c9a87c)}.ello-link--arrow{display:inline-flex;align-items:center;gap:.5rem}.ello-link--arrow svg{transition:transform var(--duration-base) var(--ease-bounce)}.ello-link--arrow:hover svg{transform:translate(4px)}.ello-link--subtle:after{background:currentColor;opacity:.3;width:100%;transform:scaleX(0);transform-origin:right;transition:transform var(--duration-base) var(--ease-out)}.ello-link--subtle:hover:after{transform:scaleX(1);transform-origin:left}.ello-accordion{border-radius:var(--radius-md, 12px);overflow:hidden}.ello-accordion__item{border-bottom:1px solid rgba(45,42,38,.1)}.ello-accordion__item:last-child{border-bottom:none}.ello-accordion__trigger{display:flex;justify-content:space-between;align-items:center;width:100%;padding:1.25rem 1.5rem;background:none;border:none;cursor:pointer;text-align:left;font-family:inherit;font-size:1rem;font-weight:600;color:var(--ello-charcoal, #2d2a26);transition:background var(--duration-fast) var(--ease-out)}.ello-accordion__trigger:hover{background:#c9a87c0d}.ello-accordion__icon{width:24px;height:24px;display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-left:1rem;transition:transform var(--duration-base) var(--ease-bounce)}.ello-accordion__icon:before,.ello-accordion__icon:after{content:"";position:absolute;background:currentColor;transition:transform var(--duration-base) var(--ease-bounce)}.ello-accordion__icon:before{width:12px;height:2px}.ello-accordion__icon:after{width:2px;height:12px}.ello-accordion__item[data-open=true] .ello-accordion__icon{transform:rotate(45deg)}.ello-accordion__content{max-height:0;overflow:hidden;transition:max-height var(--duration-slow) var(--ease-smooth)}.ello-accordion__item[data-open=true] .ello-accordion__content{max-height:500px}.ello-accordion__body{padding:0 1.5rem 1.25rem;color:var(--ello-warm-gray, #8a8279);line-height:1.7}.ello-tabs{position:relative}.ello-tabs__list{display:flex;gap:0;position:relative;border-bottom:1px solid rgba(45,42,38,.1)}.ello-tabs__indicator{position:absolute;bottom:-1px;left:0;height:2px;background:var(--ello-gradient-gold, linear-gradient(135deg, #c9a87c, #e8d5b7));transition:transform var(--duration-base) var(--ease-bounce),width var(--duration-base) var(--ease-bounce);will-change:transform,width}.ello-tabs__tab{padding:1rem 1.5rem;background:none;border:none;cursor:pointer;font-family:inherit;font-size:.875rem;font-weight:500;color:var(--ello-warm-gray, #8a8279);transition:color var(--duration-fast) var(--ease-out);white-space:nowrap}.ello-tabs__tab:hover,.ello-tabs__tab[aria-selected=true]{color:var(--ello-charcoal, #2d2a26)}.ello-tabs__panel{padding:1.5rem 0}.ello-tabs__panel[hidden]{display:none}.ello-card{transition:transform var(--duration-base) var(--ease-bounce),box-shadow var(--duration-base) var(--ease-out)}.ello-card:hover{transform:translateY(-6px)}.ello-card--glow{position:relative}.ello-card--glow:before{content:"";position:absolute;top:-1px;right:-1px;bottom:-1px;left:-1px;border-radius:inherit;background:var(--ello-gradient-gold);opacity:0;z-index:-1;transition:opacity var(--duration-base) var(--ease-out)}.ello-card--glow:hover:before{opacity:1}.ello-image-hover{overflow:hidden}.ello-image-hover img{transition:transform var(--duration-slow) var(--ease-out)}.ello-image-hover:hover img{transform:scale(1.05)}.ello-image-overlay{position:relative;overflow:hidden}.ello-image-overlay:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,rgba(26,24,22,.8),transparent);opacity:0;transition:opacity var(--duration-base) var(--ease-out)}.ello-image-overlay:hover:after{opacity:1}.ello-input{width:100%;padding:1rem 1.25rem;font-family:inherit;font-size:1rem;color:var(--ello-charcoal, #2d2a26);background:#fffc;border:1px solid rgba(45,42,38,.15);border-radius:6px;transition:border-color var(--duration-fast) var(--ease-out),box-shadow var(--duration-fast) var(--ease-out),background var(--duration-fast) var(--ease-out)}.ello-input::placeholder{color:var(--ello-warm-gray, #8a8279)}.ello-input:hover{border-color:#2d2a264d}.ello-input:focus{outline:none;border-color:var(--ello-gold, #c9a87c);box-shadow:0 0 0 3px #c9a87c26;background:#fff}.ello-field{position:relative}.ello-field__label{position:absolute;top:50%;left:1.25rem;transform:translateY(-50%);font-size:1rem;color:var(--ello-warm-gray, #8a8279);pointer-events:none;transition:transform var(--duration-base) var(--ease-out),font-size var(--duration-base) var(--ease-out),color var(--duration-base) var(--ease-out)}.ello-field__input:focus~.ello-field__label,.ello-field__input:not(:placeholder-shown)~.ello-field__label{transform:translateY(-170%);font-size:.75rem;color:var(--ello-gold, #c9a87c)}@media (prefers-reduced-motion: reduce){.ello-btn,.ello-btn:before,.ello-link:after,.ello-accordion__content,.ello-accordion__icon,.ello-tabs__indicator,.ello-card,.ello-image-hover img,.ello-input{transition:none}.ello-btn:hover,.ello-btn:active,.ello-card:hover{transform:none}}
/*# sourceMappingURL=/cdn/shop/t/68/assets/ello-interactions.css.map */
