.spk-type{display:block;padding-block:56px;background-color:#fff}.spk-type__inner{display:flex;flex-direction:column;gap:16px}.spk-scope .spk-type__heading{margin-bottom:20px;color:#000;font-family:var(--spk-font-heading);font-size:22px;font-weight:500;line-height:1;letter-spacing:.01em;text-transform:uppercase}.spk-type__block{background-color:#00000012}.spk-type__pair{display:grid;gap:1px}.spk-type__collage{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px}.spk-scope .spk-tile{position:relative;display:flex;flex-direction:column;background-color:#f4f4f4;outline-offset:-3px}.spk-scope .spk-tile:focus-visible{outline:1.5px solid var(--spk-ink)}.spk-tile__media{position:relative;flex:1}.spk-tile__box{position:absolute;top:0;right:0;bottom:0;left:0}.spk-scope .spk-tile__image{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:contain;transition:transform .5s ease-out}@media(prefers-reduced-motion:no-preference){.spk-tile:hover .spk-tile__image{transform:scale(1.015)}}.spk-tile__placeholder{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;padding-inline:8px;border:1px dashed rgb(0 0 0 / .2);border-radius:12px;color:var(--spk-stone);font-size:11px;letter-spacing:.06em;text-align:center;text-transform:uppercase}.spk-tile__info{position:relative;display:flex;flex-direction:column;color:var(--spk-ink)}.spk-tile__title{font-size:11px;line-height:1;letter-spacing:.06em;text-transform:uppercase}.spk-tile__rule{height:1px;margin-top:10px;background-color:var(--spk-ink)}.spk-tile__descriptor{margin-top:10px;font-weight:480;line-height:1;text-transform:uppercase}.spk-tile__descriptor--feature{font-size:26px}.spk-tile__descriptor--large{font-size:22px}.spk-tile__descriptor--medium{font-size:18px}.spk-tile__descriptor--small{font-size:13px}.spk-tile--feature{min-height:300px;padding:24px}.spk-tile--feature .spk-tile__box{top:4%;right:0;bottom:4%;left:0}.spk-tile--pair{min-height:300px;padding:24px}.spk-tile--pair .spk-tile__box{top:4%;right:0;bottom:4%;left:0}.spk-tile--medium{grid-column:span 2;min-height:300px;padding:20px}.spk-tile--medium .spk-tile__box{top:4%;right:6%;bottom:4%;left:6%}.spk-tile--tall,.spk-tile--small{min-height:230px;padding:16px}@media(min-width:768px){.spk-type{padding-block:96px}.spk-type__inner{gap:20px}.spk-scope .spk-type__heading{margin-bottom:36px;font-size:clamp(26px,2.3vw,36px)}.spk-type__pair{grid-template-columns:repeat(2,minmax(0,1fr))}.spk-type__collage{grid-template-columns:repeat(4,minmax(0,1fr))}.spk-tile__title{font-size:13px}.spk-tile__rule,.spk-tile__descriptor{margin-top:16px}.spk-tile__descriptor--feature{font-size:clamp(34px,3.3vw,54px)}.spk-tile__descriptor--large{font-size:clamp(26px,2.5vw,40px)}.spk-tile__descriptor--medium{font-size:clamp(22px,2vw,32px)}.spk-tile__descriptor--small{font-size:clamp(17px,1.45vw,24px)}.spk-tile--feature{min-height:clamp(440px,40vw,660px);padding:clamp(32px,3.5vw,56px)}.spk-tile--feature .spk-tile__box{top:6%;right:10%;bottom:6%;left:10%}.spk-tile--pair{min-height:clamp(380px,32vw,540px);padding:clamp(28px,3vw,48px)}.spk-tile--pair .spk-tile__box{top:6%;right:6%;bottom:6%;left:6%}.spk-tile--medium{min-height:clamp(380px,32vw,520px);padding:clamp(24px,2.6vw,40px)}.spk-tile--medium .spk-tile__box{top:6%;right:10%;bottom:6%;left:10%}.spk-tile--tall{min-height:clamp(380px,32vw,520px);padding:clamp(20px,2.2vw,34px)}.spk-tile--small{min-height:clamp(300px,24vw,400px);padding:clamp(20px,2.2vw,34px)}}.spk-more{display:block}.spk-more__region{display:grid;grid-template-rows:0fr;opacity:0;visibility:hidden;transition:grid-template-rows .7s var(--spk-ease),opacity .7s var(--spk-ease),visibility 0s linear .7s}.spk-more__region[data-expanded]{grid-template-rows:1fr;opacity:1;visibility:visible;transition:grid-template-rows .7s var(--spk-ease),opacity .7s var(--spk-ease),visibility 0s linear 0s}.spk-more__clip{min-height:0;overflow:hidden}.spk-more__actions{display:flex;justify-content:center;margin-top:32px}.spk-scope .spk-more__button{min-width:156px;padding:14px 32px;border-radius:6px;background-color:#000;color:#fff;font-family:var(--spk-font-heading);font-size:15px;font-weight:500;line-height:1;letter-spacing:.01em;transition:background-color .3s ease}.spk-scope .spk-more__button:hover{background-color:#2b2b2b}.spk-scope .spk-more__button:focus-visible{outline:2px solid #000000;outline-offset:3px}@media(min-width:768px){.spk-more__actions{margin-top:44px}}@media(prefers-reduced-motion:reduce){.spk-more__region,.spk-more__region[data-expanded],.spk-more__button,.spk-tile__image{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/7/assets/sofapack-shop-by-type.css.map */