.gb-media-feature{position:relative;overflow:hidden;width:100%;padding-top:var(--gb-mf-padding-top-desktop, 72px);padding-bottom:var(--gb-mf-padding-bottom-desktop, 72px);border-radius:var(--gb-mf-card-radius, 0);background:var(--gb-mf-bg, #f7f5ed);color:var(--gb-mf-text, #062f2c);font-family:Fira Sans,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.gb-media-feature *,.gb-media-feature *:before,.gb-media-feature *:after{box-sizing:border-box}.gb-media-feature--glow:before{content:"";position:absolute;inset:auto auto 8% 50%;z-index:0;width:min(680px,70vw);height:min(420px,44vw);border-radius:999px;background:radial-gradient(circle,rgba(6,47,44,.18),transparent 68%);transform:translate(-50%);opacity:.26;pointer-events:none}.gb-media-feature__inner{position:relative;z-index:1;display:flex;align-items:center;gap:var(--gb-mf-gap-desktop, 64px);width:min(var(--gb-mf-section-width, 1240px),calc(100% - 40px));margin:0 auto}.gb-media-feature--v-top .gb-media-feature__inner{align-items:flex-start}.gb-media-feature--v-center .gb-media-feature__inner{align-items:center}.gb-media-feature--v-bottom .gb-media-feature__inner{align-items:flex-end}.gb-media-feature--media-right .gb-media-feature__inner{flex-direction:row-reverse}.gb-media-feature__media-col{flex:0 0 var(--gb-mf-media-width, 48%);min-width:0}.gb-media-feature__text-col{flex:1 1 auto;min-width:0}.gb-media-feature__frame{position:relative;overflow:hidden;width:100%;border:1px solid rgba(216,207,174,.72);border-radius:var(--gb-mf-radius, 24px);background:#061f1d;box-shadow:0 8px 22px #0000001a,0 1px #ffffff0f inset;isolation:isolate}.gb-media-feature--ratio-16-9 .gb-media-feature__frame{aspect-ratio:16 / 9}.gb-media-feature--ratio-4-3 .gb-media-feature__frame{aspect-ratio:4 / 3}.gb-media-feature--ratio-1-1 .gb-media-feature__frame{aspect-ratio:1 / 1}.gb-media-feature--ratio-3-4 .gb-media-feature__frame{aspect-ratio:3 / 4}.gb-media-feature--ratio-auto .gb-media-feature__frame{aspect-ratio:auto;min-height:420px}.gb-media-feature__frame:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;background:rgba(0,0,0,var(--gb-mf-overlay-opacity, 0));pointer-events:none}.gb-media-feature__poster,.gb-media-feature__poster-img,.gb-media-feature__image,.gb-media-feature__video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.gb-media-feature__poster{z-index:2;background:#061f1d;transition:opacity .24s ease,visibility .24s ease}.gb-media-feature__poster-img,.gb-media-feature__image,.gb-media-feature__video{display:block;object-fit:cover;object-position:var(--gb-mf-media-x, 50%) var(--gb-mf-media-y, 50%)}.gb-media-feature__image{z-index:1}.gb-media-feature__video{z-index:1;background:#061f1d;opacity:0;visibility:hidden;transition:opacity .22s ease,visibility .22s ease}.gb-media-feature.is-video-ready .gb-media-feature__video{opacity:1;visibility:visible}.gb-media-feature--loop-mode .gb-media-feature__video{z-index:1}.gb-media-feature__poster-fallback,.gb-media-feature__empty{display:grid;place-items:center;width:100%;height:100%;min-height:360px;padding:32px;text-align:center;background:radial-gradient(circle at 50% 45%,rgba(246,235,200,.14),transparent 38%),linear-gradient(135deg,#062f2c,#021f1d);color:var(--gb-mf-cream, #f6ebc8)}.gb-media-feature__poster-fallback span,.gb-media-feature__empty strong{font-size:clamp(26px,4vw,52px);font-weight:900;line-height:1}.gb-media-feature__empty{gap:8px}.gb-media-feature__empty span{max-width:360px;color:#f6ebc8b8;font-size:15px;font-weight:600}.gb-media-feature.is-video-ready .gb-media-feature__poster{opacity:0!important;visibility:hidden!important;pointer-events:none!important}.gb-media-feature:not(.is-video-ready) .gb-media-feature__poster{opacity:1!important;visibility:visible!important}.gb-media-feature--loop-mode .gb-media-feature__play,.gb-media-feature--loop-mode .gb-media-feature__pause,.gb-media-feature--loop-mode .gb-media-feature__controls{display:none!important}.gb-media-feature__play,.gb-media-feature__pause{position:absolute;left:50%;top:50%;z-index:5;display:grid;place-items:center;width:clamp(62px,5.4vw,82px);height:clamp(62px,5.4vw,82px);border:0;border-radius:999px;background:var(--gb-mf-play-bg, #ffffff);color:var(--gb-mf-play-color, #062f2c);cursor:pointer;transform:translate(-50%,-50%);box-shadow:0 10px 24px #0003,0 0 0 5px #ffffff1f;transition:transform .22s ease,opacity .22s ease,visibility .22s ease,background-color .22s ease,color .22s ease,box-shadow .22s ease}.gb-media-feature__play:hover,.gb-media-feature__pause:hover{transform:translate(-50%,-50%) scale(1.04);box-shadow:0 12px 28px #0000003d,0 0 0 6px #ffffff24}.gb-media-feature__play-icon,.gb-media-feature__pause span{display:grid;place-items:center;width:30px;height:30px}.gb-media-feature__play-icon{transform:translate(2px)}.gb-media-feature__play-icon svg,.gb-media-feature__pause svg,.gb-media-feature__control svg,.gb-media-feature__button svg{display:block;width:100%;height:100%;fill:currentColor}.gb-media-feature.is-playing .gb-media-feature__play{opacity:0!important;visibility:hidden!important;pointer-events:none!important}.gb-media-feature:not(.is-playing) .gb-media-feature__play{opacity:1!important;visibility:visible!important;pointer-events:auto!important}.gb-media-feature__pause{opacity:0;visibility:hidden;pointer-events:none}.gb-media-feature.is-playing .gb-media-feature__frame:hover .gb-media-feature__pause{opacity:1;visibility:visible;pointer-events:auto}.gb-media-feature.is-loading .gb-media-feature__play{opacity:1!important;visibility:visible!important;pointer-events:none!important}.gb-media-feature.is-loading .gb-media-feature__play:after{content:"";position:absolute;top:12px;right:12px;bottom:12px;left:12px;border-radius:999px;border:3px solid rgba(6,47,44,.18);border-top-color:var(--gb-mf-play-color, #062f2c);animation:gbMfLoadingSpin .72s linear infinite}.gb-media-feature.is-loading .gb-media-feature__play-icon{opacity:0}@keyframes gbMfLoadingSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.gb-media-feature__controls{position:absolute;right:16px;bottom:16px;z-index:6;display:flex;align-items:center;gap:8px}.gb-media-feature__control{display:grid;place-items:center;width:42px;height:42px;border:1px solid rgba(6,47,44,.08);border-radius:999px;background:var(--gb-mf-control-bg, #ffffff);color:var(--gb-mf-control-color, #062f2c);cursor:pointer;box-shadow:0 8px 18px #00000029;transition:transform .18s ease,background-color .18s ease,color .18s ease,opacity .18s ease}.gb-media-feature__control:hover{transform:scale(1.04)}.gb-media-feature__control svg{width:19px;height:19px}.gb-media-feature__control-icon{display:grid;place-items:center;width:19px;height:19px}.gb-media-feature__control-icon--sound,.gb-media-feature__control.is-sound-on .gb-media-feature__control-icon--muted{display:none}.gb-media-feature__control.is-sound-on .gb-media-feature__control-icon--sound{display:grid}.gb-media-feature__text{max-width:620px}.gb-media-feature--align-left .gb-media-feature__text{text-align:left}.gb-media-feature--align-center .gb-media-feature__text{margin-right:auto;margin-left:auto;text-align:center}.gb-media-feature--align-right .gb-media-feature__text{margin-left:auto;text-align:right}.gb-media-feature__eyebrow{display:inline-flex;align-items:center;justify-content:center;width:fit-content;max-width:100%;margin-bottom:14px;padding:7px 14px;border:1px solid rgba(6,47,44,.28);border-radius:999px;background:#062f2c14;color:var(--gb-mf-text, #062f2c);font-size:var(--gb-mf-eyebrow-size-desktop, 13px);font-weight:var(--gb-mf-eyebrow-weight, 800);line-height:1;letter-spacing:.02em;text-transform:uppercase}.gb-media-feature--align-center .gb-media-feature__eyebrow{margin-right:auto;margin-left:auto}.gb-media-feature--align-right .gb-media-feature__eyebrow{margin-left:auto}.gb-media-feature__title{margin:0;color:var(--gb-mf-text, #062f2c);font-size:var(--gb-mf-title-size-desktop, 42px);font-weight:var(--gb-mf-title-weight, 800);line-height:var(--gb-mf-title-line-height, 1.1);letter-spacing:var(--gb-mf-title-letter-spacing, 0);text-wrap:balance}.gb-media-feature__paragraph{margin-top:22px;color:var(--gb-mf-muted, #123f3b);font-size:var(--gb-mf-paragraph-size-desktop, 17px);font-weight:var(--gb-mf-paragraph-weight, 400);line-height:var(--gb-mf-paragraph-line-height, 1.6)}.gb-media-feature__paragraph p{margin:0 0 1.1em}.gb-media-feature__paragraph p:last-child{margin-bottom:0}.gb-media-feature__actions{margin-top:28px}.gb-media-feature__button{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:50px;padding:14px 24px;border-radius:999px;background:var(--gb-mf-accent, #062f2c);color:var(--gb-mf-cream, #f6ebc8);font-size:15px;font-weight:800;line-height:1;text-decoration:none;box-shadow:0 8px 18px #062f2c29;transition:background-color .2s ease,color .2s ease,box-shadow .2s ease}.gb-media-feature__button:hover{background:#0b4741;color:var(--gb-mf-cream, #f6ebc8);box-shadow:0 10px 22px #062f2c2e}.gb-media-feature__button svg{width:18px;height:18px}.gb-media-feature__modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:2147483000;display:grid;place-items:center;width:100vw;height:100vh;padding:clamp(12px,2vw,30px);opacity:0;visibility:hidden;pointer-events:none;background:radial-gradient(circle at 14% 18%,rgba(246,235,200,.12),transparent 30%),#021f1de6;transition:opacity .24s ease,visibility .24s ease}.gb-media-feature__modal.is-active{opacity:1;visibility:visible;pointer-events:auto}.gb-media-feature__modal-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;border:0;background:#021f1dad;cursor:pointer}.gb-media-feature__modal-panel{position:relative;z-index:2;width:min(1500px,calc(100vw - 40px));max-height:calc(100vh - 40px);overflow:hidden;border:1px solid rgba(246,235,200,.22);border-radius:clamp(20px,2vw,34px);background:linear-gradient(180deg,#062f2cfa,#021f1dfa);box-shadow:0 34px 110px #00000094,0 0 0 1px #ffffff0a inset;transform:scale(.97);transition:transform .24s ease}.gb-media-feature__modal.is-active .gb-media-feature__modal-panel{transform:scale(1)}.gb-media-feature__modal-topbar{display:flex;align-items:center;gap:10px;min-height:70px;padding:16px 86px 16px 24px;border-bottom:1px solid rgba(246,235,200,.14);background:#f6ebc80f;color:var(--gb-mf-cream, #f6ebc8)}.gb-media-feature__modal-brand{font-size:15px;font-weight:900;line-height:1}.gb-media-feature__modal-label{display:inline-flex;align-items:center;min-height:28px;padding:7px 12px;border-radius:999px;background:#f6ebc81f;color:var(--gb-mf-cream, #f6ebc8);font-size:12px;font-weight:800;line-height:1;text-transform:uppercase}.gb-media-feature__modal-close{position:absolute;top:14px;right:16px;z-index:4;display:grid;place-items:center;width:44px;height:44px;border:0;border-radius:999px;background:var(--gb-mf-cream, #f6ebc8);color:#062f2c;font-size:32px;font-weight:700;line-height:1;cursor:pointer;box-shadow:0 14px 34px #00000047,0 0 0 4px #f6ebc81f}.gb-media-feature__modal-body{width:100%;background:#000}.gb-media-feature__modal-video,.gb-media-feature__modal-image{display:block;width:100%;max-height:calc(100vh - 110px);border:0;background:#000}.gb-media-feature__modal-video{aspect-ratio:16 / 9;height:auto;object-fit:contain}.gb-media-feature__modal-image{height:auto;object-fit:contain}html.gb-mf-modal-open,body.gb-mf-modal-open{overflow:hidden!important}@media screen and (max-width:989px){.gb-media-feature__inner{gap:calc(var(--gb-mf-gap-desktop, 64px) * .7)}}@media screen and (max-width:749px){.gb-media-feature{padding-top:var(--gb-mf-padding-top-mobile, 48px);padding-bottom:var(--gb-mf-padding-bottom-mobile, 48px)}.gb-media-feature__inner{flex-direction:column!important;gap:var(--gb-mf-gap-mobile, 28px);width:min(var(--gb-mf-section-width, 1240px),calc(100% - 32px))}.gb-media-feature--media-left .gb-media-feature__inner,.gb-media-feature--media-right .gb-media-feature__inner{flex-direction:column!important}.gb-media-feature--mobile-text-first .gb-media-feature__media-col{order:2}.gb-media-feature--mobile-text-first .gb-media-feature__text-col,.gb-media-feature--mobile-media-first .gb-media-feature__media-col{order:1}.gb-media-feature--mobile-media-first .gb-media-feature__text-col{order:2}.gb-media-feature__media-col,.gb-media-feature__text-col{display:block!important;flex:0 0 auto!important;width:100%!important;max-width:100%!important;min-width:0!important;opacity:1!important;visibility:visible!important}.gb-media-feature__text{max-width:100%}.gb-media-feature--mobile-align-left .gb-media-feature__text{margin-right:auto;margin-left:0;text-align:left}.gb-media-feature--mobile-align-center .gb-media-feature__text{margin-right:auto;margin-left:auto;text-align:center}.gb-media-feature--mobile-align-right .gb-media-feature__text{margin-right:0;margin-left:auto;text-align:right}.gb-media-feature--mobile-align-left .gb-media-feature__eyebrow{margin-right:auto;margin-left:0}.gb-media-feature--mobile-align-center .gb-media-feature__eyebrow{margin-right:auto;margin-left:auto}.gb-media-feature--mobile-align-right .gb-media-feature__eyebrow{margin-right:0;margin-left:auto}.gb-media-feature__eyebrow{font-size:var(--gb-mf-eyebrow-size-mobile, 12px)}.gb-media-feature__title{font-size:var(--gb-mf-title-size-mobile, 34px)}.gb-media-feature__paragraph{margin-top:18px;font-size:var(--gb-mf-paragraph-size-mobile, 16px)}.gb-media-feature__actions{margin-top:22px}.gb-media-feature__button{width:100%}.gb-media-feature__play,.gb-media-feature__pause{width:62px;height:62px}.gb-media-feature__controls{right:12px;bottom:12px}.gb-media-feature__control{width:40px;height:40px}.gb-media-feature__modal{padding:10px}.gb-media-feature__modal-panel{width:100%;max-height:calc(100vh - 20px);border-radius:22px}.gb-media-feature__modal-topbar{min-height:62px;padding:12px 62px 12px 14px}.gb-media-feature__modal-brand{font-size:14px}.gb-media-feature__modal-label{font-size:11px}.gb-media-feature__modal-close{top:10px;right:10px;width:42px;height:42px;font-size:30px}.gb-media-feature__modal-video,.gb-media-feature__modal-image{max-height:calc(100vh - 82px)}}@media(prefers-reduced-motion:reduce){.gb-media-feature__play,.gb-media-feature__pause,.gb-media-feature__control,.gb-media-feature__button,.gb-media-feature__modal,.gb-media-feature__modal-panel,.gb-media-feature__poster{transition:none!important}}
/*# sourceMappingURL=/cdn/shop/t/16/assets/section-rcrea-guten-media-feature.css.map */