@property --trip-angle{syntax: "<angle>"; initial-value: 0deg; inherits: false;}@keyframes tripSpin{to{--trip-angle: 360deg}}@keyframes tripMorph{0%,to{border-radius:62% 38% 54% 46%/48% 56% 44% 52%}33%{border-radius:42% 58% 38% 62%/60% 44% 56% 40%}66%{border-radius:56% 44% 64% 36%/40% 60% 50% 50%}}@keyframes tripWobble{0%,to{transform:skew(-4deg,-1deg) rotate(-1deg)}50%{transform:skew(-3deg) rotate(.5deg)}}@keyframes tripHueShift{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}@keyframes tripHeroDrift{0%,to{transform:skew(-3deg) translateY(0)}50%{transform:skew(1deg) translateY(-2px)}}@keyframes tripLogoSway{0%,to{transform:skew(-2deg);letter-spacing:.3em}50%{transform:skew(2deg);letter-spacing:.34em}}@keyframes fadeRise{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes ufoDriftSubtle{0%,to{transform:translate(0)}50%{transform:translate(-.4px,-.8px)}}@keyframes ufoBeamPulse{0%,to{opacity:.78}50%{opacity:.95}}@keyframes ufoBeamFlicker{0%,to{opacity:.92}33%{opacity:1}66%{opacity:.84}}@keyframes ufoGrainShift{0%{transform:translate(0)}25%{transform:translate(-1px,1px)}50%{transform:translate(1px,-1px)}75%{transform:translate(-1px,-1px)}to{transform:translate(0)}}.atelier-nav{position:fixed;top:0;left:0;width:100%;z-index:50;background:#0009;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);display:flex;justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;border-bottom:1px solid rgba(255,255,255,.05)}@media(min-width:768px){.atelier-nav{padding:1.5rem 3rem;border-bottom:none}}.atelier-nav__brand{font-family:Newsreader,serif;font-weight:300;letter-spacing:.2em;text-transform:uppercase;font-size:15px}@media(min-width:768px){.atelier-nav__brand{font-size:17px;letter-spacing:.3em}}.atelier-nav__actions{display:flex;align-items:center;gap:.75rem}.cart-toggle{position:relative;display:inline-flex;align-items:center;justify-content:center;width:3rem;height:3.75rem;background:#050507;border:1px solid rgba(255,255,255,.08);cursor:pointer;border-radius:1px;box-shadow:0 6px 14px #0009,inset 0 0 24px #000000d9;color:#f5e6c8;padding:0;text-decoration:none}.cart-toggle svg{width:1.4rem;height:1.4rem;fill:none;stroke:currentColor;stroke-width:1.5}.cart-badge{position:absolute;top:4px;right:4px;min-width:1.1rem;height:1.1rem;padding:0 .3rem;background:#e9c175;color:#412d00;font-size:.7rem;font-weight:700;border-radius:9999px;display:inline-flex;align-items:center;justify-content:center}.btn-ufo{position:relative;display:inline-block;width:3rem;height:3.75rem;background:#050507;border:1px solid rgba(255,255,255,.08);padding:0;cursor:pointer;overflow:hidden;border-radius:1px;box-shadow:0 6px 14px #0009,inset 0 0 24px #000000d9;transition:box-shadow .4s ease,border-color .4s ease}.btn-ufo svg{width:100%;height:100%;display:block}.btn-ufo .ufo-craft-grp{transform-origin:30px 22px;animation:ufoDriftSubtle 6s ease-in-out infinite}.btn-ufo .ufo-svg-beam{animation:ufoBeamPulse 3.5s ease-in-out infinite;transition:opacity .4s ease}.btn-ufo .ufo-grain{animation:ufoGrainShift .6s steps(5) infinite}.btn-ufo:hover{border-color:#dce6f840;box-shadow:0 6px 20px #c8dcf559,inset 0 0 24px #000000d9}.btn-ufo:hover .ufo-svg-beam{animation:ufoBeamFlicker .24s ease-in-out infinite}.logo-trip{background:linear-gradient(90deg,#f5e6c8,#d1a238,#f5c56a,#e08fb8,#c46ae0,#6ab8e0,#f5c56a 90%,#d1a238);background-size:300% 100%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent;filter:drop-shadow(1px 0 0 rgba(255,80,160,.35)) drop-shadow(-1px 0 0 rgba(80,200,255,.3)) drop-shadow(0 0 18px rgba(209,162,56,.35));animation:tripHueShift 8s ease-in-out infinite,tripLogoSway 7s ease-in-out infinite;display:inline-block}.atelier-hero{position:relative;min-height:100vh;width:100%;display:flex;align-items:center;justify-content:center;overflow:hidden;padding:6rem 2rem;background:#000;color:#f5e6c8}.atelier-hero__video{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;opacity:.6;z-index:0}.atelier-hero__inner{position:relative;z-index:10;text-align:center;max-width:80rem;margin:auto}.atelier-hero__title{font-family:Fraunces,Cormorant Garamond,serif;font-weight:900;font-style:normal;font-variation-settings:"opsz" 144;letter-spacing:-.02em;font-size:2rem;line-height:1.05;white-space:nowrap;margin:0;animation:fadeRise 1.2s ease-out,heroTitleBreath 14s ease-in-out 1.2s infinite}@keyframes heroTitleBreath{0%,to{letter-spacing:-.02em}50%{letter-spacing:.04em}}@media(min-width:640px){.atelier-hero__title{font-size:4rem}}@media(min-width:768px){.atelier-hero__title{font-size:6rem}}@media(min-width:1024px){.atelier-hero__title{font-size:8rem}}@media(min-width:1280px){.atelier-hero__title{font-size:9rem}}.atelier-hero__buttons{margin-top:3rem;display:flex;flex-direction:column;gap:1.5rem;justify-content:center;align-items:center;animation:fadeRise 1.2s ease-out .3s both}@media(min-width:768px){.atelier-hero__buttons{flex-direction:row;margin-top:4rem;gap:2rem}}.atelier-hero__scroll{position:absolute;bottom:2.5rem;left:50%;transform:translate(-50%);font-size:1.875rem;color:#e9c17580;animation:heroBounce 2s infinite;z-index:5}@keyframes heroBounce{0%,to{transform:translate(-50%)}50%{transform:translate(-50%,-10px)}}.hero-trip{background:linear-gradient(100deg,#f5e6c8,#d1a238 12%,#f5c56a 25%,#e08fb8,#c46ae0,#6ab8e0,#f5c56a,#d1a238);background-size:300% 100%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent;filter:drop-shadow(2px 0 0 rgba(255,80,160,.35)) drop-shadow(-2px 0 0 rgba(80,200,255,.3)) drop-shadow(0 0 32px rgba(209,162,56,.45));animation:tripHueShift 12s ease-in-out infinite,tripHeroDrift 10s ease-in-out infinite;display:inline-block}.hero-trip-slant{animation:tripHueShift 14s ease-in-out infinite,tripHeroDrift 11s ease-in-out infinite reverse;font-style:italic;font-variation-settings:"SOFT" 100,"opsz" 144,"slnt" -8}.hero-lean{display:inline-block;transform:translateY(-.62em) rotate(-30deg);transform-origin:100% 100%;margin-right:-.22em;margin-left:.1em}.btn-trip{position:relative;display:inline-flex;align-items:center;justify-content:center;padding:1.4rem 3.5rem;font-family:Fraunces,Cormorant Garamond,serif;font-weight:600;font-style:italic;font-variation-settings:"SOFT" 100,"opsz" 144;letter-spacing:.01em;font-size:1.5rem;color:#f5e6c8;background:#0d132673;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:none;text-decoration:none;isolation:isolate;text-shadow:0 0 18px rgba(209,162,56,.5),1px 0 0 rgba(255,80,160,.25),-1px 0 0 rgba(80,200,255,.2);border-radius:62% 38% 54% 46%/48% 56% 44% 52%;animation:tripMorph 9s ease-in-out infinite,tripWobble 6s ease-in-out infinite;transition:transform .4s ease,text-shadow .4s ease,color .4s ease;cursor:pointer;min-width:14rem}@media(min-width:768px){.btn-trip{padding:1.6rem 4rem;font-size:1.75rem;min-width:18rem}}.btn-trip:before{content:"";position:absolute;top:-2px;right:-2px;bottom:-2px;left:-2px;z-index:-1;border-radius:inherit;padding:2px;background:conic-gradient(from var(--trip-angle, 0deg),#D1A238 0%,#F5C56A 15%,#E08FB8 30%,#C46AE0 45%,#6AB8E0 60%,#F5C56A 75%,#D1A238 90%,#D1A238 100%);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;animation:tripSpin 6s linear infinite;filter:drop-shadow(0 0 14px rgba(209,162,56,.4))}.btn-trip:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:radial-gradient(ellipse at 30% 20%,rgba(245,197,106,.18),transparent 60%),radial-gradient(ellipse at 70% 80%,rgba(196,106,224,.14),transparent 60%);pointer-events:none;z-index:-1}.btn-trip:hover{color:#fff;text-shadow:0 0 24px rgba(245,197,106,.9),2px 0 0 rgba(255,80,160,.55),-2px 0 0 rgba(80,200,255,.45);animation-duration:4s,3s}.shooting-star-container{display:none}
/*# sourceMappingURL=/cdn/shop/t/11/assets/atelier-hero.css.map */