.oct{background:var(--oct-background, transparent);padding:var(--oct-pad-top, 40px) 0 var(--oct-pad-bottom, 40px)}.oct__inner{max-width:calc(1440px + var(--oct-pad-x, 20px) * 2);margin-inline:auto;padding-inline:var(--oct-pad-x, 20px)}.oct__intro{display:flex;flex-direction:column;align-items:center;gap:var(--oct-intro-gap, 12px);margin-bottom:var(--oct-intro-stack, 32px);text-align:center}.oct__heading{margin:0;font-family:var(--tyo-heading);font-weight:var(--oct-heading-weight, 500);font-size:var(--oct-heading-size, 2.4rem);line-height:1.12;letter-spacing:var(--oct-heading-tracking, -.5px);color:var(--oct-heading-color, #503a1e)}.oct__body{margin:0;max-width:62ch;font-family:var(--tyo-body);font-weight:400;font-size:var(--oct-body-size, 1.2rem);line-height:1.5;letter-spacing:-.36px;color:var(--oct-body-color, #616161);max-width:min(62ch,100%);overflow-wrap:normal;word-break:normal}@media screen and (max-width:749px){.oct__body{font-size:clamp(var(--oct-body-size, 1.2rem),3.2vw,1.5rem);text-wrap:pretty}}.oct__row{display:flex;gap:var(--oct-gap, 8px);margin:0;padding:0;list-style:none;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x proximity;scroll-padding-inline:var(--oct-pad-x, 20px);-webkit-overflow-scrolling:touch;margin-inline:calc(var(--oct-pad-x, 20px) * -1);padding-inline:var(--oct-pad-x, 20px);scrollbar-width:none}.oct__row::-webkit-scrollbar{display:none}.oct__tile{flex:0 0 var(--oct-tile-width, 187px);width:var(--oct-tile-width, 187px);scroll-snap-align:start;min-width:0}.oct__link{display:flex;flex-direction:column;gap:var(--oct-image-gap, 13px);color:inherit;text-decoration:none}.oct__media{display:block;width:100%;aspect-ratio:var(--oct-image-ratio, .8);border-radius:var(--oct-image-radius, 6px);overflow:hidden;background:var(--oct-placeholder, #dcdcdc)}.oct__img,.oct__placeholder{display:block;width:100%;height:100%;object-fit:cover;transition:transform .4s ease}@media(hover:hover){.oct__link:hover .oct__img{transform:scale(1.03)}}.oct__text{display:flex;flex-direction:column;gap:var(--oct-text-gap, 4px);min-width:0}.oct__title{font-family:var(--tyo-heading);font-weight:500;font-size:var(--oct-title-size, 2.2rem);line-height:1.6;letter-spacing:var(--oct-title-tracking, -.4px);color:var(--oct-title-color, #000000)}.oct__sub{font-family:var(--tyo-body);font-weight:400;font-size:var(--oct-sub-size, 1.4rem);line-height:1.28;letter-spacing:-.42px;color:var(--oct-sub-color, #616161)}.oct__link:focus-visible{outline:.2rem solid var(--oct-title-color, #000000);outline-offset:.4rem}@media(prefers-reduced-motion:reduce){.oct__img{transition:none}}@media screen and (min-width:750px){.oct__row{display:grid;grid-template-columns:repeat(var(--oct-columns, 4),minmax(0,1fr));overflow:visible;margin-inline:0;padding-inline:0}.oct__tile{width:auto}}
/*# sourceMappingURL=/cdn/shop/t/13/assets/section-occasion-tiles-tyohaar.css.map */