.mtf{--mtf-font-serif: "Cormorant Garamond", "Playfair Display", Georgia, serif;--mtf-font-sans: "Inter", "Helvetica Neue", Arial, sans-serif;background:var(--mtf-bg, #F8F3EA);font-family:var(--mtf-font-sans);box-sizing:border-box}.mtf *,.mtf *:before,.mtf *:after{box-sizing:border-box}.mtf__grid{display:grid;grid-template-columns:31% 34.5% 34.5%;min-height:320px;border-top:1px solid var(--mtf-divider, #E3D6C8);border-bottom:1px solid var(--mtf-divider, #E3D6C8)}.mtf__grid>*+*{border-left:1px solid var(--mtf-divider, #E3D6C8)}.mtf__left{position:relative;padding:44px 40px 40px 48px;display:flex;align-items:center;overflow:hidden;background:var(--mtf-bg, #F8F3EA)}.mtf__left-img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center}.mtf__left-img--mobile{display:none}@media(max-width:749px){.mtf__left-img--desktop{display:none}.mtf__left-img--mobile{display:block}}.mtf__left-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--mtf-bg, #F8F3EA)}.mtf__left-content{position:relative;z-index:2}.mtf__eyebrow{margin:0 0 18px;font:500 11px/1 var(--mtf-font-sans);letter-spacing:.22em;text-transform:uppercase;color:#8d6a45}.mtf__heading{margin:0 0 24px;font:400 32px/1.12 var(--mtf-font-serif);text-transform:uppercase;letter-spacing:.01em;color:var(--mtf-heading, #24211F)}.mtf__divider{display:block;width:42px;height:1px;background:var(--mtf-accent, #C9914B);margin:0 0 18px}.mtf__subcopy{margin:0;font:500 11px/1 var(--mtf-font-sans);letter-spacing:.2em;text-transform:uppercase;color:#8d6a45}.mtf__col{position:relative;display:grid;grid-template-columns:1fr minmax(160px,50%);align-items:center;background:var(--mtf-bg, #F8F3EA)}.mtf__col-content{padding:44px 20px 40px 48px;display:flex;flex-direction:column;justify-content:center;height:100%}.mtf__col-title{margin:0 0 16px;font:500 16px/1 var(--mtf-font-sans);letter-spacing:.18em;text-transform:uppercase;color:var(--mtf-heading, #24211F)}.mtf__col-desc{margin:0 0 auto;font:400 14px/1.5 var(--mtf-font-sans);color:var(--mtf-text, #5B524B);max-width:260px}.mtf__swatches{list-style:none;margin:24px 0 0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);column-gap:18px;row-gap:0;max-width:320px}.mtf__swatch{display:flex;flex-direction:column;align-items:center;gap:10px;min-width:0}.mtf__swatch-dot{width:34px;height:34px;border-radius:50%;display:block;box-shadow:0 4px 12px #462d1e14;border:1px solid rgba(0,0,0,.04);flex-shrink:0}.mtf__swatch-label{font:600 9.5px/1.25 var(--mtf-font-sans);letter-spacing:.1em;text-transform:uppercase;color:#2e2a27;text-align:center;white-space:normal;word-break:keep-all;overflow-wrap:break-word;max-width:100%}.mtf__col-texture{display:flex;align-items:center;justify-content:center;padding:24px 24px 24px 0;height:100%}.mtf__col-texture-img{display:block;width:100%;max-width:260px;max-height:200px;height:auto;object-fit:contain}.mtf__col-texture-img--placeholder{width:220px;height:200px;border-radius:60% 40% 50% 50%;background:linear-gradient(135deg,#f6c983,#c98738);opacity:.6}@media(min-width:750px)and (max-width:1023px){.mtf__grid{grid-template-columns:1fr;min-height:auto}.mtf__grid>*+*{border-left:0;border-top:1px solid var(--mtf-divider, #E3D6C8)}.mtf__left{padding:56px 32px}.mtf__heading{font-size:40px}.mtf__col{grid-template-columns:1fr 40%}.mtf__col-content{padding:52px 24px 48px 32px}.mtf__col-texture{padding:32px 24px 32px 0}}@media(max-width:749px){.mtf{background:#fcf8f0}.mtf__grid{grid-template-columns:1fr;min-height:auto}.mtf__grid>*+*{border-left:0;border-top:0}.mtf__left{padding:var(--mtf-m-pad-top, 56px) var(--mtf-m-pad-x, 28px) var(--mtf-m-pad-bottom, 36px);min-height:var(--mtf-m-min-height, 440px);background:linear-gradient(180deg,#281c1433,#281c14cc),linear-gradient(135deg,#c8a78a,#8e6a4a,#4a2f1f);overflow:hidden;position:relative}.mtf__left:after{content:"";position:absolute;right:-40px;top:40px;width:220px;height:220px;border-radius:50%;background:radial-gradient(circle at 30% 30%,rgba(255,255,255,.15),transparent 70%);pointer-events:none}.mtf__left-img--desktop{display:none}.mtf__left-img--mobile{display:block}.mtf__left-overlay{display:block;background:rgba(40,28,20,var(--mtf-m-overlay-opacity, .55));opacity:1}.mtf__left-content{color:var(--mtf-m-heading-color, #fff);position:relative;z-index:2}.mtf__heading{font-family:Cormorant Garamond,serif;font-style:italic;font-weight:300;font-size:var(--mtf-m-heading-size, 46px);line-height:1.06;letter-spacing:.005em;color:var(--mtf-m-heading-color, #fff);margin-bottom:32px;text-transform:none;text-align:var(--mtf-m-heading-align, left);transform:translate(var(--mtf-m-heading-offset, 0px));word-spacing:var(--mtf-m-heading-wordspacing, normal)}.mtf__eyebrow{font-size:var(--mtf-m-eyebrow-size, 10px);letter-spacing:.34em;color:var(--mtf-m-eyebrow-color, #F4D9B0);margin-bottom:22px}.mtf__divider{background:var(--mtf-m-divider-color, #F4D9B0);width:var(--mtf-m-divider-width, 56px);margin-bottom:18px}.mtf__subcopy{font:italic 400 var(--mtf-m-subcopy-size, 14px)/1 "Cormorant Garamond",serif;letter-spacing:.02em;color:var(--mtf-m-subcopy-color, #FFFFFF);text-transform:none}.mtf__col{position:relative;margin:0 16px var(--mtf-m-card-gap, 32px);background:#fff;border:1px solid #E3D8C5;padding:28px;grid-template-columns:1fr 96px;align-items:center;gap:20px 18px;min-height:auto}.mtf__left+.mtf__col{margin-top:var(--mtf-m-card-gap, 32px)}.mtf__col-content{padding:0}.mtf__col-title{font:italic 300 26px/1 Cormorant Garamond,serif;letter-spacing:.01em;color:#1f1b17;margin-bottom:6px;text-transform:none}.mtf__col-desc{font:400 13.5px/1.5 Inter,sans-serif;color:#5c544c;max-width:100%;margin-bottom:0}.mtf__col-texture{padding:0;height:auto;align-self:center;width:110px;background:transparent;border-radius:0;overflow:visible;box-shadow:none}.mtf__col-texture-img{width:100%;height:auto;max-width:110px;max-height:110px;object-fit:contain;background:transparent}.mtf__swatches{grid-column:1 / -1;margin-top:6px;padding-top:22px;border-top:1px solid #E3D8C5;grid-template-columns:repeat(3,1fr);gap:12px;max-width:100%}.mtf__swatch-dot{width:36px;height:36px;box-shadow:0 6px 12px #462d1e1a}.mtf__swatch-label{font:italic 400 12px/1 Cormorant Garamond,serif;letter-spacing:.02em;text-transform:none;color:#1f1b17}}@media(prefers-reduced-motion:reduce){.mtf *,.mtf *:before,.mtf *:after{transition:none!important;animation:none!important}}@media(prefers-reduced-motion:no-preference){.mtf__left-content,.mtf__col{opacity:0;transform:translateY(22px)}.mtf.is-in-view .mtf__left-content,.mtf.is-in-view .mtf__col{animation:mtfIn .9s cubic-bezier(.2,.7,.2,1) forwards}.mtf.is-in-view .mtf__left-content{animation-delay:.08s}.mtf.is-in-view .mtf__col:nth-of-type(2){animation-delay:.26s}.mtf.is-in-view .mtf__col:nth-of-type(3){animation-delay:.4s}.mtf.is-in-view .mtf__heading{animation:mtfHeading 1.2s cubic-bezier(.2,.7,.2,1) forwards;animation-delay:.16s}.mtf__swatch-dot{opacity:0;transform:scale(.4)}.mtf.is-in-view .mtf__swatch:nth-of-type(1) .mtf__swatch-dot{animation:mtfDotIn .55s cubic-bezier(.34,1.56,.64,1) forwards,mtfDotBreathe 4.2s ease-in-out infinite .6s}.mtf.is-in-view .mtf__swatch:nth-of-type(2) .mtf__swatch-dot{animation:mtfDotIn .55s cubic-bezier(.34,1.56,.64,1) .12s forwards,mtfDotBreathe 4.4s ease-in-out infinite .9s}.mtf.is-in-view .mtf__swatch:nth-of-type(3) .mtf__swatch-dot{animation:mtfDotIn .55s cubic-bezier(.34,1.56,.64,1) .24s forwards,mtfDotBreathe 4.6s ease-in-out infinite 1.2s}.mtf.is-in-view .mtf__col:nth-of-type(3) .mtf__swatch:nth-of-type(1) .mtf__swatch-dot{animation-delay:.36s,1.4s}.mtf.is-in-view .mtf__col:nth-of-type(3) .mtf__swatch:nth-of-type(2) .mtf__swatch-dot{animation-delay:.48s,1.6s}.mtf.is-in-view .mtf__col:nth-of-type(3) .mtf__swatch:nth-of-type(3) .mtf__swatch-dot{animation-delay:.6s,1.8s}.mtf__col-texture-img{transition:transform .8s ease}.mtf__col:hover .mtf__col-texture-img{transform:scale(1.06)}}@keyframes mtfIn{to{opacity:1;transform:translateY(0)}}@keyframes mtfHeading{0%{letter-spacing:-.02em;opacity:.6}to{letter-spacing:.01em;opacity:1}}@keyframes mtfDotIn{to{opacity:1;transform:scale(1)}}@keyframes mtfDotBreathe{0%,to{box-shadow:0 4px 12px #462d1e14;transform:scale(1)}50%{box-shadow:0 6px 18px #462d1e2e;transform:scale(1.05)}}@media(prefers-reduced-motion:reduce){.mtf *,.mtf *:before,.mtf *:after{animation:none!important;transition:none!important}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/mykonos-texture-finish.css.map */