.a-hero{--a-gutter: 1.5rem;position:relative;display:grid;grid-template-columns:1fr;background:var(--a-canvas);border-bottom:1px solid var(--a-line);overflow:hidden}.a-hero__text{display:flex;align-items:center;padding:2rem var(--a-gutter) 2.4rem}.a-hero__inner{width:100%;max-width:56rem}.a-hero__chip{background:transparent}.a-hero__h1{margin:1.4rem 0 1.2rem;max-width:12ch}.a-hero__sub{margin:0 0 2rem;max-width:44ch;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.a-hero__ctas{display:grid;grid-template-columns:1fr;gap:1rem}.a-hero__ctas .button{width:100%;min-height:4.8rem;padding:1.2rem 1rem;white-space:nowrap;text-align:center}@media screen and (min-width:600px){.a-hero__ctas{grid-template-columns:1fr 1fr}}.a-hero__meta{display:none;margin:2.8rem 0 0;font-size:1.2rem;font-weight:500;letter-spacing:var(--a-track);text-transform:uppercase;color:var(--a-muted)}.a-hero__panel{order:-1;position:relative;display:flex;align-items:center;justify-content:center;height:clamp(28rem,42vh,38rem);margin:1.5rem var(--a-gutter) 0;border-radius:var(--a-r-md);background:var(--a-surface-2);overflow:hidden}.a-hero__object{position:relative;display:block;height:86%;max-width:88%;animation:a-rise .4s var(--a-ease) .12s both}.a-hero__object:before{content:"";position:absolute;left:50%;bottom:-2.5%;width:60%;height:7%;transform:translate(-50%);background:radial-gradient(ellipse at center,#25211d47,#25211d00 70%);filter:blur(6px);pointer-events:none}.a-hero__move{position:relative;display:block;height:100%;transition:transform .3s var(--a-ease);will-change:transform}.a-hero__img{display:block;height:100%;width:auto;max-width:100%;object-fit:contain}.a-hero__callout{display:none;position:absolute;z-index:2;background:var(--a-canvas);text-decoration:none;transition:box-shadow var(--a-hover)}a.a-hero__callout:hover{box-shadow:var(--a-ring-strong)}.a-hero__callout--product{left:2.4rem;bottom:2.4rem}.a-hero__callout--material{right:2.4rem;top:2.4rem}.a-in{animation:a-rise .3s var(--a-ease) both;animation-delay:calc(var(--i, 0) * 60ms)}@keyframes a-rise{0%{opacity:.001;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}@media screen and (min-width:750px){.a-hero{--a-gutter: max(5rem, calc((100vw - 140rem)/2 + 5rem) )}}@media screen and (min-width:990px){.a-hero{grid-template-columns:1fr 1fr;height:min(calc(100vh - var(--header-height, 7.2rem)),80rem);min-height:56rem}.a-hero__text{padding:4rem 4rem 4rem var(--a-gutter)}.a-hero__h1{margin:2.4rem 0 2rem;max-width:none}.a-hero__sub{margin-bottom:3.2rem;display:block;overflow:visible}.a-hero__ctas{display:flex;flex-wrap:wrap;gap:1.2rem}.a-hero__ctas .button{width:auto;min-height:5.2rem;padding:1.6rem 2.8rem}.a-hero__meta{display:block}.a-hero__panel{order:0;height:auto;margin:2.4rem 2.4rem 2.4rem 0;border-radius:var(--a-r-lg)}.a-hero__object{height:72%;max-width:80%}.a-hero__callout{display:inline-flex}}.a-hero__panel--scene{background:var(--a-surface)}.a-hero__scene{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:50% 46%;animation:a-hero-settle .7s var(--a-ease) both;transition:transform .7s var(--a-ease)}@keyframes a-hero-settle{0%{opacity:.001;transform:scale(1.06)}to{opacity:1;transform:scale(1)}}.a-hero__scene-link{position:absolute;top:0;right:0;bottom:0;left:0;display:block}.a-hero__panel--scene:hover .a-hero__scene{transform:scale(1.03)}.a-hero__panel--scene:after{content:"";position:absolute;inset:auto 0 0 0;height:42%;background:linear-gradient(to top,#25211d61,#25211d00);pointer-events:none}.a-hero__shop{position:absolute;z-index:2;left:1.2rem;right:1.2rem;bottom:1.2rem;display:flex;align-items:center;gap:1.2rem;padding:.8rem;border-radius:var(--a-r-md);background:#faf8f3cc;-webkit-backdrop-filter:blur(14px) saturate(1.2);backdrop-filter:blur(14px) saturate(1.2);box-shadow:0 1px #fff9 inset,0 1.6rem 4rem #25211d38;color:var(--a-ink);text-decoration:none;animation:a-rise .5s var(--a-ease) .35s both;transition:transform .3s var(--a-ease),box-shadow .3s var(--a-ease)}.a-hero__shop:hover{transform:translateY(-.3rem);box-shadow:0 1px #fff9 inset,0 2.2rem 5rem #25211d47}.a-hero__shop:focus-visible{outline:2px solid var(--a-olive-700);outline-offset:3px}.a-hero__shop-thumb{flex:none;width:5.6rem;height:5.6rem;border-radius:calc(var(--a-r-md) - .6rem);object-fit:cover;background:var(--a-surface)}.a-hero__shop-text{display:grid;gap:.2rem;min-width:0;flex:1}.a-hero__shop-label{font-size:1.05rem;font-weight:500;letter-spacing:var(--a-track);text-transform:uppercase;color:var(--a-olive-700)}.a-hero__shop-title{font-family:var(--a-serif);font-size:1.8rem;line-height:1.15;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.a-hero__shop-price{font-size:1.3rem;font-variant-numeric:tabular-nums;color:var(--a-ink-2)}.a-hero__shop-arrow{flex:none;display:grid;place-items:center;width:4.4rem;height:4.4rem;border-radius:var(--a-r-pill);background:var(--a-ink);color:var(--a-canvas);transition:background .3s var(--a-ease)}.a-hero__shop-arrow svg{width:1.8rem;height:1.8rem;transition:transform .3s var(--a-ease)}.a-hero__shop:hover .a-hero__shop-arrow{background:var(--a-olive-700)}.a-hero__shop:hover .a-hero__shop-arrow svg{transform:translate(.3rem)}.a-hero__panel--scene .a-hero__callout--material{background:#faf8f3cc;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}@media screen and (min-width:990px){.a-hero__shop{left:2.4rem;right:auto;bottom:2.4rem;min-width:32rem;max-width:calc(100% - 4.8rem);padding:1rem;gap:1.6rem}.a-hero__shop-thumb{width:7.2rem;height:7.2rem}.a-hero__shop-title{font-size:2.1rem}}@media(prefers-reduced-motion:reduce){.a-hero__scene,.a-hero__shop{animation:none;transition:none}.a-hero__panel--scene:hover .a-hero__scene{transform:none}}.a-hero__h1 em{font-style:normal}.a-hero-slides.a-hero__panel--scene:after{display:none}.a-hero-slide{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;visibility:hidden;transition:opacity .7s var(--a-ease),visibility 0s linear .7s}.a-hero-slide.is-active{z-index:1;opacity:1;visibility:visible;transition:opacity .7s var(--a-ease),visibility 0s}.a-hero-slide:after{content:"";position:absolute;inset:auto 0 0 0;height:42%;background:linear-gradient(to top,#25211d61,#25211d00);pointer-events:none}.a-hero-slide .a-hero__scene{animation:none;transform:scale(1.04)}.a-hero-slide.is-active .a-hero__scene{transform:scale(1)}.a-hero-slides:hover .a-hero-slide.is-active .a-hero__scene{transform:scale(1.03)}.a-hero-slide:not(.is-active) .a-hero__shop{animation:none}.a-hero-slides .a-hero__callout--material{z-index:3}.a-hero-slides__nav{position:absolute;z-index:3;top:1.2rem;right:1.2rem;display:flex;align-items:center;gap:.2rem;padding:.4rem;border-radius:var(--a-r-pill);background:#faf8f3cc;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:0 .8rem 2.4rem #25211d2e}.a-hero-slides__btn{display:grid;place-items:center;width:3.6rem;height:3.6rem;padding:0;border:0;border-radius:var(--a-r-pill);background:transparent;color:var(--a-ink);cursor:pointer;transition:background .2s var(--a-ease),color .2s var(--a-ease)}.a-hero-slides__btn:hover{background:var(--a-ink);color:var(--a-canvas)}.a-hero-slides__btn svg{width:1.8rem;height:1.8rem}.a-hero-slides__btn:focus-visible,.a-hero-slides__dot:focus-visible{outline:2px solid var(--a-olive-700);outline-offset:2px}.a-hero-slides__dots{display:flex;align-items:center;gap:.2rem}.a-hero-slides__dot{display:grid;place-items:center;width:2.4rem;height:3.6rem;padding:0;border:0;background:transparent;cursor:pointer;transition:width .3s var(--a-ease)}.a-hero-slides__dot span{position:relative;display:block;width:100%;max-width:.7rem;height:.7rem;border-radius:var(--a-r-pill);background:#25211d40;overflow:hidden;transition:max-width .3s var(--a-ease)}.a-hero-slides__dot.is-active{width:4rem}.a-hero-slides__dot.is-active span{max-width:3.2rem}.a-hero-slides__dot.is-active span:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:var(--a-olive-700);transform-origin:left;animation:a-hero-progress var(--a-hero-interval, 6s) linear both}.a-hero-slides.is-paused .a-hero-slides__dot.is-active span:after{animation-play-state:paused}.a-hero-slides.is-stopped .a-hero-slides__dot.is-active span:after{animation:none}@keyframes a-hero-progress{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@media screen and (min-width:990px){.a-hero-slides__nav{top:auto;bottom:2.4rem;right:2.4rem}.a-hero-slides .a-hero__shop{max-width:calc(100% - 26rem);min-width:0}}@media(prefers-reduced-motion:reduce){.a-hero-slide,.a-hero-slide.is-active{transition:none}.a-hero-slide .a-hero__scene{transform:none}}.a-hero{--a-fold: calc(100svh - var(--a-hero-top, 9.6rem) - 5.4rem)}@media screen and (max-width:989px){.a-hero{display:flex;flex-direction:column;height:var(--a-fold);min-height:46rem}.a-hero__panel{order:-1;flex:1 1 auto;height:auto;min-height:22rem}.a-hero__text{flex:none;padding-top:1.6rem;padding-bottom:1.6rem}.a-hero__h1{margin:0 0 .8rem}.a-hero__sub{margin-bottom:1.4rem}.a-hero__ctas{grid-template-columns:1fr 1fr;gap:.8rem}.a-hero__ctas .button{min-height:4.6rem;padding:1rem .6rem;font-size:1.15rem;letter-spacing:.08em}}@media screen and (max-width:989px)and (max-height:760px){.a-hero__sub{display:none}}@media screen and (min-width:990px){.a-hero{height:min(var(--a-fold),80rem);min-height:52rem}}@media screen and (min-width:990px){.a-hero{height:auto;min-height:min(var(--a-fold),80rem)}.a-hero__panel{margin-bottom:2.4rem}}@media screen and (min-width:990px)and (max-height:820px){.a-hero__text{padding-top:2.4rem;padding-bottom:2.4rem}.a-hero__h1{margin:0 0 1.4rem;font-size:clamp(4.4rem,4.6vw,6.8rem)}.a-hero__sub{margin-bottom:2rem}.a-hero__meta{display:none}}.a-hero-slide .a-hero__scene,.a-hero-slides .a-hero__scene{object-fit:cover;object-position:50% 50%}@media screen and (min-width:990px){.a-hero-slides.a-hero__panel{container-type:size;align-self:stretch;margin:2.4rem 2.4rem 2.4rem 0}.a-hero-slide--wide .a-hero__scene{inset:auto;left:50%;top:50%;width:calc(1.28*min(100cqw,100cqh));height:calc(1.28*min(100cqw,100cqh));min-width:100%;min-height:100%;max-width:none;translate:-50% -50%}}@media screen and (max-width:989px){.a-hero-slides.a-hero__panel{flex:none;align-self:center;aspect-ratio:1 / 1;height:auto;width:min(calc(100vw - 3rem),calc(var(--a-fold) - 26rem));min-height:0;margin-left:auto;margin-right:auto}}.a-hero-slides{container-type:inline-size;container-name:heroslides}@media screen and (min-width:990px){.a-hero-slides{container-type:size}}@container heroslides (max-width: 620px){.a-hero-slides__nav{top:1.2rem;bottom:auto;right:1.2rem}.a-hero-slides .a-hero__shop{left:1.2rem;right:1.2rem;bottom:1.2rem;max-width:none;min-width:0}}@media screen and (max-width:989px){.a-hero:has(.a-hero-slides){position:relative;display:block;height:var(--a-fold);min-height:54rem;border-bottom:0}.a-hero-slides.a-hero__panel{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;aspect-ratio:auto;margin:0;border-radius:0}.a-hero-slides .a-hero__scene{object-fit:cover;object-position:50% 50%}.a-hero-slide:after{height:64%;background:linear-gradient(to top,#141712e0,#1417129e 42%,#14171200)}.a-hero:has(.a-hero-slides) .a-hero__text{position:absolute;z-index:4;left:0;right:0;bottom:0;padding:0 1.5rem 2.2rem;pointer-events:none}.a-hero:has(.a-hero-slides) .a-hero__text a{pointer-events:auto}.a-hero:has(.a-hero-slides) .a-hero__h1{color:#fff;margin:0 0 .8rem}.a-hero:has(.a-hero-slides) .a-hero__h1 em{--a-acc: linear-gradient(95deg, #E3E8C4 0%, #C8D38A 100%)}.a-hero:has(.a-hero-slides) .a-hero__sub{color:#ffffffdb;margin-bottom:1.4rem}.a-hero:has(.a-hero-slides) .a-hero__ctas .button--secondary{background:#ffffff1f;color:#fff;border-color:#ffffffb3;--color-button-text: 255, 255, 255}.a-hero-slides .a-hero__shop{top:1.2rem;bottom:auto;left:1.2rem;right:1.2rem;max-width:none}.a-hero-slides__nav{top:10rem;bottom:auto;right:1.2rem}}@media screen and (max-width:989px){.a-hero:has(.a-hero-slides){min-height:0}.a-hero:has(.a-hero-slides) .a-hero__text{padding-bottom:7.4rem}}@media screen and (max-width:989px){.a-hero-slides .a-hero__shop,.a-hero-slides__nav{display:none}}
/*# sourceMappingURL=/cdn/shop/t/16/assets/asama-hero.css.map */