.custom-spotlight{position:relative;background-color:#111;background-image:var(--custom-spotlight-bg-image);background-size:cover;background-position:center;background-repeat:no-repeat;padding-top:clamp(0px,calc(var(--custom-spotlight-padding-top) * (100vw / 1366px)),var(--custom-spotlight-padding-top));padding-bottom:clamp(0px,calc(var(--custom-spotlight-padding-bottom) * (100vw / 1366px)),var(--custom-spotlight-padding-bottom));overflow:hidden}.custom-spotlight__background-video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;z-index:0}.custom-spotlight__inner{position:relative;z-index:1;width:100%;max-width:1440px;margin:0 auto;padding-top:clamp(0px,calc(var(--custom-spotlight-inner-padding-top) * (100vw / 1366px)),var(--custom-spotlight-inner-padding-top));padding-bottom:clamp(0px,calc(var(--custom-spotlight-inner-padding-bottom) * (100vw / 1366px)),var(--custom-spotlight-inner-padding-bottom));padding-left:clamp(24px,calc(100 * 100vw / 1366),100px);padding-right:clamp(24px,calc(100 * 100vw / 1366),100px)}.custom-spotlight__grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr)}.custom-spotlight__left{background:var(--custom-spotlight-left-bg);color:var(--custom-spotlight-left-text);padding:clamp(24px,calc(56 * 100vw / 1366),56px);display:flex;flex-direction:column;justify-content:center;border-radius:8px 0 0 8px}.custom-spotlight__title{margin:0;color:inherit;font-family:"Nocturne Serif";font-size:clamp(30px,calc(38 * 100vw / 1366),38px);font-style:normal;font-weight:600;line-height:1.2em;letter-spacing:1.52px;text-transform:capitalize;max-width:400px}.custom-spotlight__title span{color:#fbcb11;font-family:Monda;font-size:clamp(24px,calc(30 * 100vw / 1366),30px);font-style:normal;font-weight:700;line-height:1.2em;letter-spacing:1.2px;text-transform:uppercase}.custom-spotlight__description{margin-top:18px;color:inherit;font-family:Karla;font-size:clamp(16px,calc(20 * 100vw / 1366),20px);font-style:normal;font-weight:400;line-height:1.2em;letter-spacing:.8px;max-width:400px}.custom-spotlight__description strong{color:inherit;font-family:Monda;font-size:clamp(15px,calc(18 * 100vw / 1366),18px);font-style:normal;font-weight:700;line-height:1.2em;letter-spacing:2.52px;text-transform:uppercase}.custom-spotlight__buttons{margin-top:clamp(18px,calc(28 * 100vw / 1366),28px);display:flex;flex-wrap:nowrap;gap:35px}.custom-spotlight__button{position:relative;min-height:50px;padding:0 22px;border-radius:4px;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;font-weight:700;letter-spacing:1.2px;text-transform:uppercase;transition:transform .2s ease,background-color .2s ease,color .2s ease,border-color .2s ease,box-shadow .2s ease}.custom-spotlight__button:focus-visible{outline:2px solid currentColor;outline-offset:4px}.custom-spotlight__button--primary{min-height:58px;padding:0;background:#f3cf00;color:#111;overflow:hidden;gap:0;border:1px solid #f3cf00}.custom-spotlight__button--primary:hover,.custom-spotlight__button--primary:focus-visible{background:#fff;border:1px solid #000}.custom-spotlight__button--primary:hover .custom-spotlight__button-icon-wrap--separator-right{border-right:3px dotted #000}.custom-spotlight__button--secondary{position:relative;border:0;padding:0;min-height:auto;border-radius:0;background:transparent;color:inherit;max-width:150px}.custom-spotlight__button--secondary:after{content:"";position:absolute;left:0;right:0;bottom:0;border-bottom:3px dashed #fbcb11;transition:transform .2s ease,border-bottom-color .2s ease;transform-origin:left center}.custom-spotlight__button--secondary:hover,.custom-spotlight__button--secondary:focus-visible{color:inherit}.custom-spotlight__button--secondary:hover:after,.custom-spotlight__button--secondary:focus-visible:after{border-bottom-color:#000}.custom-spotlight__button-text{display:inline-flex;align-items:center;min-height:58px;padding:0 28px}.custom-spotlight__button-icon-wrap{display:inline-flex;align-items:center;justify-content:center;width:58px;min-height:58px;flex:0 0 58px}.custom-spotlight__button-icon-wrap--separator-right{border-right:3px dotted #fff}.custom-spotlight__button-icon{width:20px;height:20px;object-fit:contain;flex:0 0 auto}.custom-spotlight__right{background:var(--custom-spotlight-right-bg);color:var(--custom-spotlight-right-text)}.custom-spotlight__window{overflow:hidden}.custom-spotlight__cards{--custom-spotlight-tab-width: clamp(54px, calc(80 * 100vw / 1366), 80px);display:flex;align-items:stretch;max-height:850px}.custom-spotlight__card{flex:0 0 var(--custom-spotlight-tab-width);min-width:var(--custom-spotlight-tab-width);display:flex;align-items:stretch;background-color:var(--custom-spotlight-tab-bg, var(--custom-spotlight-tab-bg-default, rgba(255, 255, 255, .25)));color:#111;overflow:hidden;transition:flex-basis .45s ease,flex-grow .45s ease,min-width .45s ease}.custom-spotlight__card.is-active{flex:1 1 0;min-width:0}.custom-spotlight__card:last-child{border-radius:0 8px 8px 0}.custom-spotlight__panel{flex:0 0 0;width:0;min-width:0;padding:clamp(32px,calc(80 * 100vw / 1366),80px) clamp(24px,calc(60 * 100vw / 1366),60px);display:grid;gap:16px;align-content:start;opacity:0;transform:translate(24px);visibility:hidden;transition:opacity .25s ease .12s,transform .35s ease .08s,visibility 0s linear .35s}.custom-spotlight__card.is-active .custom-spotlight__panel{flex:1 1 auto;width:auto;opacity:1;transform:translate(0);visibility:visible;transition-delay:.12s,.08s,0s}.custom-spotlight__card:not(.is-active) .custom-spotlight__panel{padding-left:0;padding-right:0;pointer-events:none}.custom-spotlight__tab{flex:0 0 var(--custom-spotlight-tab-width);writing-mode:vertical-rl;text-orientation:mixed;transform:rotate(360deg);width:var(--custom-spotlight-tab-width);padding:8px 18px 8px 28px;border:0;background-color:var(--custom-spotlight-tab-bg, var(--custom-spotlight-tab-bg-default, rgba(255, 255, 255, .25)));background-position:center;background-size:cover;background-repeat:no-repeat;color:#111;font-size:clamp(12px,calc(14 * 100vw / 1366),14px);font-weight:700;letter-spacing:1.2px;text-transform:uppercase;cursor:pointer;text-align:left;display:inline-flex;align-items:center;justify-content:flex-start;gap:24px;position:relative;overflow:hidden;border-radius:0 7px 7px 0}.custom-spotlight__tab-icon{width:24px;height:24px;object-fit:contain;flex:0 0 auto}.custom-spotlight__tab-title{display:inline-block;position:relative;z-index:1;color:#222121;white-space:nowrap;font-family:"Nocturne Serif";font-size:clamp(24px,calc(37 * 100vw / 1366),37px);font-style:normal;font-weight:600;line-height:normal;letter-spacing:1.48px;text-transform:lowercase}.custom-spotlight__block-title{margin:0}.custom-spotlight__block-video,.custom-spotlight__block-video video,.custom-spotlight__block-image{width:100%;height:auto;display:block;border-radius:8px}.custom-spotlight__block-image{height:200px;object-fit:cover}.custom-spotlight__block-html{margin:0}.custom-spotlight__block-button{width:fit-content;border:1px solid #000;color:#000}.custom-spotlight__block-button:hover,.custom-spotlight__block-button:focus-visible{transform:translateY(-2px);background:#111;border-color:#111;color:#fff;box-shadow:0 8px 18px #00000029}@media screen and (max-width:989px){.custom-spotlight__grid{grid-template-columns:1fr}.custom-spotlight__title,.custom-spotlight__description.rte{max-width:100%}.custom-spotlight__cards{--custom-spotlight-tab-width: auto;flex-direction:column;height:auto;max-height:unset}.custom-spotlight__card,.custom-spotlight__card.is-active{flex:0 0 auto;min-width:0;width:100%;flex-direction:column-reverse}.custom-spotlight__card+.custom-spotlight__card{margin-left:0;margin-top:1px}.custom-spotlight__card:last-child{border-radius:0 0 8px 8px}.custom-spotlight__panel,.custom-spotlight__card.is-active .custom-spotlight__panel{width:auto;max-height:0;padding:0 clamp(20px,calc(32 * 100vw / 989),32px);transform:translateY(-12px);overflow:hidden}.custom-spotlight__card.is-active .custom-spotlight__panel{max-height:1200px;padding-top:clamp(24px,calc(32 * 100vw / 989),32px);padding-bottom:clamp(24px,calc(32 * 100vw / 989),32px);transform:translateY(0)}.custom-spotlight__tab{writing-mode:horizontal-tb;text-orientation:mixed;transform:none;width:100%;flex:0 0 auto;border-left:0;padding:10px 14px;justify-content:flex-start;gap:8px;border-radius:0}}@media screen and (max-width:767px){.custom-spotlight__buttons{flex-wrap:wrap}}
/*# sourceMappingURL=/cdn/shop/t/8/assets/custom-spotlight.css.map */
