html .collection-hero__inner{display:grid;grid-template-columns:1fr;gap:var(--space-4);align-items:end;padding-top:var(--space-4);padding-bottom:var(--space-4)}html .collection-hero--with-image .collection-hero__inner{grid-template-columns:minmax(0,1fr) 11.2rem}html .collection-hero__text-wrapper{flex:initial}html .collection-hero__title{margin:0;font-size:clamp(3.2rem,2.2rem + 3vw,6.4rem);line-height:1}html .collection-hero__count{display:inline-block;margin:var(--space-2) 0 0;padding:.3rem .8rem;background:var(--tomo-ink);color:var(--tomo-paper);font-weight:700;font-size:var(--type-small)}html .collection-hero__description{margin-top:var(--space-3);max-width:62ch;font-size:var(--type-body);line-height:1.5}@media screen and (max-width:749px){html .collection-hero__description{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}}html .collection-hero__image-container{position:relative;margin:0;min-height:0;aspect-ratio:3 / 4;border:var(--tomo-line) solid var(--tomo-ink);background:#fff}html .collection-hero__image-container img{width:100%;height:100%;object-fit:cover}.collection-hero__spine{position:absolute;z-index:1;top:0;right:0;bottom:0;width:2.8rem;writing-mode:vertical-rl;display:flex;align-items:center;justify-content:center;background:var(--tomo-spot);color:#fff;font-family:var(--font-heading-family);font-size:1.4rem;letter-spacing:.06em;border-left:var(--tomo-line) solid var(--tomo-ink)}@media screen and (min-width:750px){html .collection-hero--with-image .collection-hero__inner{grid-template-columns:minmax(0,1fr) 20rem;gap:var(--space-6)}.collection-hero__spine{width:4rem;font-size:1.8rem}html .collection-hero__inner{padding-top:var(--space-5);padding-bottom:var(--space-5)}}html .mobile-facets__wrapper{margin:0}html .mobile-facets__open{width:100%;min-height:4.8rem;justify-content:center;gap:var(--space-2);border:var(--tomo-line) solid var(--tomo-ink);background:#fff;color:var(--tomo-ink);font-family:var(--font-heading-family);font-size:1.6rem;transition:transform var(--dur-press) var(--ease-out)}html .mobile-facets__open:active{transform:scale(.98)}html .mobile-facets__open-label{text-decoration:none}html .product-count{margin:var(--space-2) 0;font-size:var(--type-small)}html .mobile-facets__inner{border-left:var(--tomo-line) solid var(--tomo-ink);background:var(--tomo-paper)}html .mobile-facets__heading{font-family:var(--font-heading-family);font-size:2.2rem;letter-spacing:0}html .mobile-facets__summary,html .mobile-facets__label{min-height:4.8rem;font-size:var(--type-body)}html .mobile-facets__summary>div>span{font-weight:700}html .mobile-facets__footer{background:var(--tomo-paper);border-top:var(--tomo-line) solid var(--tomo-ink);gap:var(--space-2)}html .mobile-facets__footer .button{min-height:4.8rem}html .facet-checkbox>svg,html .mobile-facets__label>svg{border-radius:0}html .facet-checkbox input[type=checkbox]:checked~svg,html .mobile-facets__checkbox:checked~svg{background-color:var(--tomo-ink)}html .active-facets__button-inner{border-radius:0;box-shadow:none;border:var(--tomo-line-thin) solid var(--tomo-ink);background:#fff;font-weight:700;font-size:var(--type-small);padding:.6rem 1rem}html .active-facets__button--light .active-facets__button-inner{background:transparent}@media(hover:hover)and (pointer:fine){html .active-facets__button:hover .active-facets__button-inner{background:var(--tomo-ink);color:var(--tomo-paper);box-shadow:none}}html .facets__summary{font-weight:700;font-size:1.5rem}html .facets__disclosure[open] .facets__display,html .facets__display{border:var(--tomo-line) solid var(--tomo-ink);border-radius:0;box-shadow:none;background:#fff}html .facet-filters__field .select__select,html .facet-filters__sort{font-weight:700;font-size:1.5rem}html .facets__form .facets__price .field__input{border-radius:0}html .pagination__item{border:var(--tomo-line-thin) solid transparent;font-weight:700;min-width:4.4rem;min-height:4.4rem}html .pagination__item--current{border-color:var(--tomo-ink);background:var(--tomo-ink);color:var(--tomo-paper)}html .pagination__item--current:after{display:none}@media(hover:hover)and (pointer:fine){html .pagination__item:hover:not(.pagination__item--current){border-color:var(--tomo-ink)}html .pagination__item:hover:after{display:none}}html .collection .product-grid,html .template-search .product-grid{--grid-mobile-horizontal-spacing: var(--tomo-gutter);--grid-mobile-vertical-spacing: var(--tomo-gutter);--grid-desktop-horizontal-spacing: var(--tomo-gutter);--grid-desktop-vertical-spacing: var(--tomo-gutter)}html .collection--empty .title-wrapper{padding:var(--space-6) 0}@media(prefers-reduced-motion:reduce){html .mobile-facets__open{transition:none}}html .collection-hero__image-container.media>.collection-hero__spine{left:auto;width:2.8rem;height:auto}@media screen and (min-width:750px){html .collection-hero__image-container.media>.collection-hero__spine{width:4rem}}html .collection-hero--with-image{padding:0}html .collection-hero--with-image .collection-hero__inner{padding-bottom:var(--space-4)}@media screen and (max-width:749px){html .facets-container{grid-template-columns:1fr}html .collection-hero__inner{align-items:center}html .collection-hero__image-container{aspect-ratio:1}}html .collection-hero__image-container{width:100%;max-width:none;flex:none}@media screen and (max-width:749px){html .mobile-facets__wrapper,html .mobile-facets__wrapper>details,html .mobile-facets__open{width:100%}}html .collection-hero--with-image .collection-hero__image-container{min-height:0;height:auto}@media screen and (max-width:749px){html .facets-container .mobile-facets__wrapper{grid-column:1 / -1;width:100%}html .facets-container .mobile-facets__wrapper .mobile-facets__open{width:100%}}@media screen and (max-width:749px){html .mobile-facets__open-wrapper{display:block;width:100%}}html .collection-hero--with-image .collection-hero__text-wrapper{padding:0}html .collection-hero__title+.collection-hero__description{margin-bottom:0}@media screen and (min-width:750px){html .collection-hero--with-image .collection-hero__inner{grid-template-columns:minmax(0,1fr) 17.6rem;align-items:center}html .collection-hero__image-container{aspect-ratio:1}}
/*# sourceMappingURL=/cdn/shop/t/13/assets/tomo-collection.css.map */
