.collection-intro{margin-bottom:2.8rem}.collection-intro__panel{position:relative;display:flex;align-items:center;justify-content:space-between;gap:4rem;margin-top:1.6rem;padding:3.4rem 4.4rem;border-radius:24px;background:#eef4fb;overflow:hidden}.collection-intro__panel:before{content:"";position:absolute;inset-block-start:-10rem;inset-inline-end:-4rem;width:38rem;height:38rem;border-radius:50%;background:#ffffff8c;pointer-events:none}.collection-intro__text{position:relative;z-index:1;flex:1 1 auto;max-width:68rem;min-width:0}.collection-intro__eyebrow{display:block;font-size:1.2rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#2f5bd3}.collection-intro__title{margin:.6rem 0 0;font-size:4.4rem;line-height:1.08;font-weight:800;letter-spacing:-.03em;color:#001b70}.collection-intro__desc{margin:1.2rem 0 0;max-width:64rem;font-size:1.6rem;line-height:1.5;color:#1f2e45;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}.collection-intro__chips{display:flex;flex-wrap:wrap;gap:.8rem;margin:1.8rem 0 0;padding:0;list-style:none}.collection-intro__chip{padding:.8rem 1.4rem;border-radius:999px;background:#fff;color:#001b70;font-size:1.3rem;font-weight:600;line-height:1}.collection-intro__short{display:none}.collection-intro__art{position:relative;z-index:1;display:flex;align-items:flex-end;flex:0 0 auto;color:#001b70;--ic-bg: #eef4fb}.collection-intro__art-kind{margin-inline-end:-2.6rem;margin-bottom:-.4rem}.collection-intro__art .icon{display:block}.collection-subnav{margin-top:1.6rem}.collection-subnav__list{display:grid;grid-template-columns:repeat(auto-fit,minmax(19rem,1fr));gap:1.4rem;margin:0;padding:0;list-style:none}.collection-subnav__tile{--ic-bg: #f4ede2;display:flex;align-items:center;gap:1.2rem;min-height:8.2rem;padding:1.2rem 1.6rem;border:2px solid transparent;border-radius:16px;background:#f4ede2;color:#001b70;text-decoration:none;transition:transform .15s ease,border-color .15s ease}.collection-subnav__tile--tone-0{--ic-bg: #eef4fb;background:#eef4fb}.collection-subnav__tile:hover{transform:translateY(-2px)}.collection-subnav__tile.is-active{border-color:#001b70}.collection-subnav__icon{display:flex;flex:0 0 auto;color:#001b70}.collection-subnav__label{flex:1 1 auto;min-width:0;overflow-wrap:normal;word-break:normal;-webkit-hyphens:none;hyphens:none;font-size:1.6rem;font-weight:700;letter-spacing:-.01em}.collection-subnav__check{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;width:2.6rem;height:2.6rem;border-radius:50%;background:#001b70;color:#fff}.collection-subnav__tile--all{--ic-bg: #fff;justify-content:space-between;border:2px solid #dde2ee;background:#fff}.collection-subnav__tile--all:hover{border-color:#001b70}.collection-subnav__tile:focus-visible{outline:2px solid #001b70;outline-offset:2px}@media screen and (max-width:989px){.collection-intro__panel{padding:2.8rem 3rem}.collection-intro__title{font-size:3.6rem}}@media screen and (max-width:749px){.collection-intro{margin-bottom:1.6rem}.collection-intro__panel{margin-top:1rem;padding:2rem;border-radius:20px;align-items:flex-start;gap:1.2rem}.collection-intro__title{font-size:2.8rem}.collection-intro__desc{font-size:1.4rem}.collection-intro__chips{gap:.6rem;margin-top:1.4rem}.collection-intro__chip{padding:.7rem 1.1rem;font-size:1.2rem}.collection-intro__long{display:none}.collection-intro__short{display:inline}.collection-intro__art .collection-intro__art-animal .icon{width:8.6rem;height:8.6rem}.collection-intro__art .collection-intro__art-kind .icon{width:6.2rem;height:6.2rem}.collection-intro__art-kind{margin-inline-end:-2.2rem}.collection-subnav__list{display:flex;gap:1rem;margin-inline:calc(-1 * var(--px-mobile, 2rem));padding-inline:var(--px-mobile, 2rem);overflow-x:auto;scroll-padding-inline:var(--px-mobile, 2rem);scrollbar-width:none}.collection-subnav__list::-webkit-scrollbar{display:none}.collection-subnav__list>li{flex:0 0 auto}.collection-subnav__tile{min-height:5.4rem;gap:1rem;padding:.6rem 1.8rem .6rem 1.2rem;border-radius:999px;scroll-snap-align:start}.collection-subnav__icon .icon{width:3.4rem;height:3.4rem}.collection-subnav__label{font-size:1.5rem}}
/*# sourceMappingURL=/cdn/shop/t/7/assets/component-collection-intro.css.map */