@media screen and (max-width:1024px){.shopify-section--top-installation-cta{display:none}}.top-installation-cta{--top-installation-cta-bg: #4a494d;--top-installation-cta-text-color: #ffffff;--top-installation-cta-padding-block-start-pc: 0rem;--top-installation-cta-padding-block-end-pc: 0rem;--top-installation-cta-inner-padding-block: 6rem;--top-installation-cta-side-inset-pc: clamp(2rem, 8.333333vw, 7.5rem);--top-installation-cta-layout-gap-pc: clamp(4.5rem, 10vw, 9rem);--top-installation-cta-after-heading-gap: 3rem;--top-installation-cta-before-view-more-min: 2rem;--top-installation-cta-text-offset-block-start: 6rem;--top-installation-cta-image-radius: 1rem;--top-installation-cta-image-width-pc: 52.5rem;--top-installation-cta-text-column-min-pc: 16rem;--top-installation-cta-text-column-max-pc: 21rem;--top-installation-cta-image-column-min-pc: 18.75rem;--top-installation-cta-layout-ratio-text: 336;--top-installation-cta-layout-ratio-sum: 1176;--top-installation-cta-layout-max-width: calc( var(--top-installation-cta-text-column-max-pc) + var(--top-installation-cta-layout-gap-pc) + var(--top-installation-cta-image-width-pc) );--top-installation-cta-layout-available-pc: min( calc(100vw - var(--top-installation-cta-side-inset-pc) - var(--top-installation-cta-layout-gap-pc)), var(--top-installation-cta-layout-max-width) );--top-installation-cta-text-column-pc: clamp( var(--top-installation-cta-text-column-min-pc), calc( var(--top-installation-cta-layout-available-pc) * var(--top-installation-cta-layout-ratio-text) / var(--top-installation-cta-layout-ratio-sum) ), var(--top-installation-cta-text-column-max-pc) );--top-installation-cta-image-column-pc: clamp( var(--top-installation-cta-image-column-min-pc), calc(var(--top-installation-cta-layout-available-pc) - var(--top-installation-cta-text-column-pc)), var(--top-installation-cta-image-width-pc) );--top-installation-cta-object-position-pc: center;--top-installation-cta-body-font-family: var(--ryo-gothic-font-family);position:relative;background-color:var(--top-page-bg-after-new-arrivals, #e5e9ed);color:var(--top-installation-cta-text-color);padding-block:var(--top-installation-cta-padding-block-start-pc) var(--top-installation-cta-padding-block-end-pc)}.top-installation-cta__panel{background-color:var(--top-installation-cta-bg);padding-block:var(--top-installation-cta-inner-padding-block);padding-inline:var(--top-installation-cta-side-inset-pc) 0}.top-installation-cta__inner{width:100%;margin-inline:auto}.top-installation-cta__layout{display:grid;grid-template-columns:minmax(0,var(--top-installation-cta-text-column-pc)) minmax(0,var(--top-installation-cta-image-column-pc));align-items:stretch;justify-content:space-between;column-gap:var(--top-installation-cta-layout-gap-pc)}.top-installation-cta__content{grid-column:1;grid-row:1;display:flex;flex-direction:column;justify-content:space-between;align-items:flex-start;min-width:0;width:100%;gap:var(--top-installation-cta-before-view-more-min)}.top-installation-cta__media{grid-column:2;grid-row:1;min-width:0;justify-self:stretch;width:var(--top-installation-cta-image-column-pc);max-width:100%}.top-installation-cta__media-inner{width:100%;height:auto;border-radius:var(--top-installation-cta-image-radius) 0 0 var(--top-installation-cta-image-radius);overflow:hidden;position:relative;aspect-ratio:840 / 360}.top-installation-cta__picture{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%}.top-installation-cta__image{display:block;width:100%;height:100%;object-fit:cover;object-position:var(--top-installation-cta-object-position-pc)}.top-installation-cta__image.placeholder{background:#ffffff14}.top-installation-cta__text{display:flex;flex-direction:column;align-items:stretch;gap:0;width:100%;padding-block-start:var(--top-installation-cta-text-offset-block-start)}.top-installation-cta__heading{width:100%;margin:0;margin-block-end:var(--top-installation-cta-after-heading-gap);color:var(--top-installation-cta-text-color);font-family:var(--apparat-font-family);font-size:1.75rem;font-weight:var(--apparat-regular-weight);font-style:normal;line-height:1.2;letter-spacing:.04em;text-align:left;text-transform:uppercase}.top-installation-cta__heading:last-child{margin-block-end:0}.top-installation-cta__body{width:100%;margin:0;color:var(--top-installation-cta-text-color);font-family:var(--top-installation-cta-body-font-family);font-size:.8125rem;font-weight:400;font-style:normal;line-height:1.8;letter-spacing:.08em;text-align:left}.top-installation-cta__body.rte>:first-child{margin-block-start:0}.top-installation-cta__body.rte>:last-child{margin-block-end:0}.top-installation-cta__body.rte p{margin:0}.top-installation-cta__body.rte p+p{margin-block-start:1rem}.top-installation-cta__view-more{position:relative;display:inline-block;align-self:flex-start;font-family:var(--apparat-font-family);font-size:.75rem;font-weight:var(--apparat-regular-weight);line-height:1;letter-spacing:.04em;color:var(--top-installation-cta-text-color);text-align:left;text-decoration:none;text-transform:uppercase}.top-installation-cta__heading,.top-installation-cta__view-more{font-synthesis:none}.top-installation-cta__view-more-label{display:inline-block;text-decoration-line:none;text-decoration-style:dotted;text-underline-offset:22%;text-decoration-thickness:from-font}.top-installation-cta__view-more:after{content:"";position:absolute;inset-block-start:50%;inset-inline-start:calc(100% + .8125rem);width:.375rem;height:.75rem;background-color:currentColor;mask:url("data:image/svg+xml,%3Csvg width='6' height='12' viewBox='0 0 6 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L5 6L1 11' stroke='black' stroke-width='1' stroke-linecap='square'/%3E%3C/svg%3E") center / contain no-repeat;-webkit-mask:url("data:image/svg+xml,%3Csvg width='6' height='12' viewBox='0 0 6 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L5 6L1 11' stroke='black' stroke-width='1' stroke-linecap='square'/%3E%3C/svg%3E") center / contain no-repeat;transform:translate3d(0,-50%,0);transition:transform .25s ease}.top-installation-cta__view-more:hover{opacity:.75}.top-installation-cta__view-more:hover:after,.top-installation-cta__view-more:focus-visible:after{transform:translate3d(.1875rem,-50%,0)}@media(prefers-reduced-motion:reduce){.top-installation-cta__view-more:after{transition:none}.top-installation-cta__view-more:hover:after,.top-installation-cta__view-more:focus-visible:after{transform:translate3d(0,-50%,0)}}
/*# sourceMappingURL=/cdn/shop/t/97/assets/top-installation-cta-section.css.map */