.occ{background-color:var(--occ-background, transparent);padding:var(--occ-pad-top, 60px) 0 var(--occ-pad-bottom, 60px)}.occ__inner{display:flex;flex-direction:column;align-items:center;gap:var(--occ-stack-gap, 30px);padding-inline:var(--occ-pad-x, 80px)}.occ__intro{display:flex;flex-direction:column;align-items:center;gap:var(--occ-intro-gap, 20px);box-sizing:border-box;width:100%;text-align:center}.occ__ornament{display:block;width:var(--occ-ornament-width, 120px);height:auto}.occ__text{display:flex;flex-direction:column;align-items:center;gap:var(--occ-text-gap, 12px);width:100%}.occ__heading{margin:0;font-family:var(--tyo-heading);font-weight:var(--occ-heading-weight, 500);font-size:var(--occ-heading-size, 4rem);line-height:var(--occ-heading-line, 1.1);letter-spacing:var(--occ-heading-tracking, -.03rem);color:var(--occ-heading-color, #503a1e)}.occ__body{margin:0 auto;max-width:var(--occ-intro-width, 580px);font-family:var(--tyo-body);font-weight:var(--occ-body-weight, 300);font-size:var(--occ-body-size, 1.8rem);line-height:var(--occ-body-line, 1.6);letter-spacing:var(--occ-body-tracking, -.02rem);color:var(--occ-body-color, #6e6e6e)}.occ__rail{display:flex;flex-wrap:nowrap;align-items:flex-start;gap:var(--occ-tile-gap, 40px);margin-inline:calc(var(--occ-pad-x, 80px) * -1);width:auto;align-self:stretch;padding:0 var(--occ-pad-x, 80px);list-style:none;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x proximity;scroll-padding-inline:var(--occ-pad-x, 80px);scrollbar-width:none;-ms-overflow-style:none}.occ__rail::-webkit-scrollbar{display:none}.occ__item{flex:0 0 auto;margin:0;scroll-snap-align:start}@media screen and (min-width:990px){.occ__rail{justify-content:flex-start;justify-content:safe center}}.occ__link{display:flex;flex-direction:column;align-items:center;gap:var(--occ-tile-label-gap, 13px);width:var(--occ-tile-size, 224px);max-width:100%;text-decoration:none;color:inherit}.occ__disc{display:flex;align-items:center;justify-content:center;box-sizing:border-box;width:var(--occ-tile-size, 224px);max-width:100%;aspect-ratio:1;border-radius:50%;overflow:hidden;background-color:var(--occ-tile-placeholder, #dcdcdc)}.occ__image{width:100%;height:100%;object-fit:cover;display:block;transition:transform .35s ease}@media(hover:hover){.occ__link:hover .occ__image{transform:scale(1.04)}}.occ__disc--panel{background-color:var(--occ-panel-bg, #785038);padding-inline:1.2rem}.occ__panel-text{max-width:var(--occ-panel-width, 146px);font-family:var(--tyo-heading);font-weight:var(--occ-heading-weight, 500);font-size:var(--occ-panel-size, 3rem);line-height:var(--occ-heading-line, 1.1);letter-spacing:var(--occ-heading-tracking, -.03rem);color:var(--occ-panel-color, #ffffff);text-align:center}.occ__label{display:block;width:100%;font-family:var(--tyo-body);font-weight:var(--occ-label-weight, 400);font-size:var(--occ-label-size, 1.6rem);letter-spacing:var(--occ-label-tracking, .16rem);line-height:1.3;text-transform:uppercase;color:var(--occ-label-color, #000000);text-align:center}.occ__label--strong{font-weight:var(--occ-panel-weight, 700)}tyoh-occ-more{display:contents}.occ__more{border:0;background:none;padding:0;font:inherit;color:inherit;text-align:center;cursor:pointer}.occ__rail .occ__item[hidden]{display:none}.occ__link:focus-visible,.occ__more:focus-visible{outline:2px solid var(--occ-label-color, #000000);outline-offset:4px}@media(prefers-reduced-motion:reduce){.occ__image{transition:none}.occ__link:hover .occ__image{transform:none}}
/*# sourceMappingURL=/cdn/shop/t/13/assets/section-occasion-rail-tyohaar.css.map */