.shopify-section.section-sultan-in-numbers{background-color:#471b23;padding:0;margin:0}sultan-in-numbers,.sultan-in-numbers{--sin-burgundy: #471b23;--sin-ivory: #fffdf9;--sin-white: #fffdf9;--sin-gold: #d69830;--sin-ease: cubic-bezier(.22, 1, .36, 1);--sin-serif: "Cormorant Garamond", Georgia, "Times New Roman", serif;--sin-composition: clamp(34rem, 44vw, 64rem);--sin-move-main: .62s;--sin-move-text: .32s;--sin-move-line: .48s;display:block;width:100%;background-color:#471b23;color:var(--sin-white);overflow:hidden}.sin__inner,.sin__intro,.sin__stage,.sin__composition,.sin__quadrant,.sin__content{background:transparent}.sin__inner{max-width:1380px;margin:0 auto;padding:6.4rem 1.8rem;display:grid;grid-template-columns:1fr;gap:4.2rem;align-items:center}@media screen and (min-width:750px){.sin__inner{padding:8rem 2.4rem;gap:5rem}}@media screen and (min-width:990px){.sin__inner{grid-template-columns:minmax(28rem,.32fr) minmax(0,.68fr);gap:clamp(3rem,5vw,7rem);padding:11rem clamp(4rem,5vw,8rem)}}@media screen and (min-width:1280px){.sin__inner{padding-left:5rem;padding-right:5rem}}@media screen and (min-width:1440px){.sin__inner{max-width:1400px;padding:11rem 6rem}}.sin__intro{max-width:42rem}.sin__eyebrow{display:block;margin:0 0 2.4rem;font-family:var(--font-heading-family, "Poppins", sans-serif);font-size:1.1rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--sin-gold);opacity:0;transform:translateY(.8rem);transition:opacity .7s var(--sin-ease),transform .7s var(--sin-ease)}.sin__heading{margin:0;font-family:var(--sin-serif);font-size:clamp(3.4rem,3.6vw,5.4rem);font-weight:500;line-height:1.06;letter-spacing:-.02em;color:var(--sin-white)}.sin__heading-line{display:block;opacity:0;transform:translateY(1.8rem);transition:opacity .78s var(--sin-ease),transform .78s var(--sin-ease)}.sin__heading-line:nth-child(2){transition-delay:60ms}.sin__copy{margin:2.8rem 0 0;max-width:38rem;font-family:var(--font-body-family, "Poppins", sans-serif);font-size:clamp(1.4rem,1.05vw,1.6rem);line-height:1.62;color:#fffdf994;opacity:0;transform:translateY(1.2rem);transition:opacity .76s var(--sin-ease),transform .76s var(--sin-ease);transition-delay:.12s}.sultan-in-numbers.is-visible .sin__eyebrow,.sultan-in-numbers.is-visible .sin__heading-line,.sultan-in-numbers.is-visible .sin__copy{opacity:1;transform:translateY(0)}.sin__stage{position:relative;width:100%;display:flex;justify-content:center;align-items:center}.sin__center-label{position:absolute;top:50%;left:50%;z-index:1;transform:translate(-50%,-50%);font-family:var(--font-heading-family, "Poppins", sans-serif);font-size:.85rem;font-weight:500;letter-spacing:.14em;text-transform:uppercase;color:var(--sin-white);opacity:.06;pointer-events:none;-webkit-user-select:none;user-select:none}.sin__composition{position:relative;width:min(100%,var(--sin-composition));aspect-ratio:1;max-height:min(90vw,68rem);--sin-parallax-x: 0px;--sin-parallax-y: 0px}.sin__quadrant{position:absolute;width:50%;height:50%;margin:0;padding:0;border:0;background:transparent;color:inherit;cursor:pointer;text-align:inherit;overflow:visible;transition:transform var(--sin-move-main) var(--sin-ease),opacity var(--sin-move-text) var(--sin-ease);will-change:transform,opacity}.sin__quadrant:focus{outline:none}.sin__quadrant:focus-visible{outline:1px solid rgba(255,253,249,.45);outline-offset:4px}.sin__quadrant--tl{top:0;left:0}.sin__quadrant--tr{top:0;right:0}.sin__quadrant--bl{bottom:0;left:0}.sin__quadrant--br{bottom:0;right:0}.sin__content{position:absolute;display:flex;flex-direction:column;gap:.4rem;max-width:min(26rem,88%);transition:transform var(--sin-move-main) var(--sin-ease),opacity var(--sin-move-text) var(--sin-ease)}.sin__quadrant--tl .sin__content{top:8%;left:6%;align-items:flex-start;text-align:left}.sin__quadrant--tr .sin__content{top:8%;right:6%;align-items:flex-end;text-align:right}.sin__quadrant--bl .sin__content{bottom:8%;left:6%;align-items:flex-start;text-align:left}.sin__quadrant--br .sin__content{bottom:8%;right:6%;align-items:flex-end;text-align:right}.sin__line{position:absolute;display:block;height:1px;background:#fffdf92e;transform-origin:center;pointer-events:none;transition:width var(--sin-move-line) var(--sin-ease),opacity var(--sin-move-line) var(--sin-ease),transform var(--sin-move-line) var(--sin-ease)}.sin__quadrant--tl .sin__line{top:22%;left:28%;width:3.6rem;transform:rotate(38deg)}.sin__quadrant--tr .sin__line{top:22%;right:28%;width:3.6rem;transform:rotate(-38deg)}.sin__quadrant--bl .sin__line{bottom:22%;left:28%;width:3.6rem;transform:rotate(-38deg)}.sin__quadrant--br .sin__line{bottom:22%;right:28%;width:3.6rem;transform:rotate(38deg)}.sin__number{display:inline-flex;align-items:baseline;font-family:var(--sin-serif);font-size:clamp(4.8rem,4.2vw,5.6rem);font-weight:500;line-height:1;letter-spacing:-.03em;color:var(--sin-white);white-space:nowrap;transition:font-size var(--sin-move-main) var(--sin-ease),transform var(--sin-move-main) var(--sin-ease),opacity var(--sin-move-text) var(--sin-ease)}.sin__number-suffix{font-size:.72em}.sin__label{display:block;font-family:var(--font-heading-family, "Poppins", sans-serif);font-size:1.05rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:#fffdf9c7;line-height:1.3;transition:opacity var(--sin-move-text) var(--sin-ease),transform var(--sin-move-text) var(--sin-ease),color var(--sin-move-text) var(--sin-ease)}.sin__label--short{display:none}.sin__detail{display:block;font-family:var(--font-body-family, "Poppins", sans-serif);font-size:1.35rem;line-height:1.45;color:#fffdf98c;opacity:.58;transition:opacity var(--sin-move-text) var(--sin-ease),transform var(--sin-move-text) var(--sin-ease),max-height var(--sin-move-main) var(--sin-ease)}@media screen and (min-width:990px){.sin__label--short{display:none!important}.sin__label--full{display:block!important}.sin__detail{max-height:none;overflow:visible;transform:none}}.sultan-in-numbers:not(.is-visible) .sin__quadrant--tl{transform:translate(22%,22%)}.sultan-in-numbers:not(.is-visible) .sin__quadrant--tr{transform:translate(-22%,22%)}.sultan-in-numbers:not(.is-visible) .sin__quadrant--bl{transform:translate(22%,-22%)}.sultan-in-numbers:not(.is-visible) .sin__quadrant--br{transform:translate(-22%,-22%)}.sultan-in-numbers.is-visible .sin__quadrant--tl{transform:translate(var(--sin-parallax-x),var(--sin-parallax-y));transition-delay:80ms}.sultan-in-numbers.is-visible .sin__quadrant--tr{transform:translate(calc(var(--sin-parallax-x) * -1),var(--sin-parallax-y));transition-delay:.13s}.sultan-in-numbers.is-visible .sin__quadrant--bl{transform:translate(var(--sin-parallax-x),calc(var(--sin-parallax-y) * -1));transition-delay:.18s}.sultan-in-numbers.is-visible .sin__quadrant--br{transform:translate(calc(var(--sin-parallax-x) * -1),calc(var(--sin-parallax-y) * -1));transition-delay:.23s}@keyframes sin-drift-tl{0%,to{transform:translate(var(--sin-parallax-x),var(--sin-parallax-y))}50%{transform:translate(var(--sin-parallax-x),calc(var(--sin-parallax-y) - 2px))}}@keyframes sin-drift-tr{0%,to{transform:translate(calc(var(--sin-parallax-x) * -1),var(--sin-parallax-y))}50%{transform:translate(calc(var(--sin-parallax-x) * -1 + 1px),calc(var(--sin-parallax-y) - 1px))}}@keyframes sin-drift-bl{0%,to{transform:translate(var(--sin-parallax-x),calc(var(--sin-parallax-y) * -1))}50%{transform:translate(var(--sin-parallax-x),calc(var(--sin-parallax-y) * -1 + 2px))}}@keyframes sin-drift-br{0%,to{transform:translate(calc(var(--sin-parallax-x) * -1),calc(var(--sin-parallax-y) * -1))}50%{transform:translate(calc(var(--sin-parallax-x) * -1 - 1px),calc(var(--sin-parallax-y) * -1 + 1px))}}.sultan-in-numbers.is-visible:not(.is-interacting) .sin__composition[data-active="-1"] .sin__quadrant--tl{animation:sin-drift-tl 8s ease-in-out infinite}.sultan-in-numbers.is-visible:not(.is-interacting) .sin__composition[data-active="-1"] .sin__quadrant--tr{animation:sin-drift-tr 9s ease-in-out infinite}.sultan-in-numbers.is-visible:not(.is-interacting) .sin__composition[data-active="-1"] .sin__quadrant--bl{animation:sin-drift-bl 7s ease-in-out infinite}.sultan-in-numbers.is-visible:not(.is-interacting) .sin__composition[data-active="-1"] .sin__quadrant--br{animation:sin-drift-br 10s ease-in-out infinite}.sin__composition[data-active="-1"] .sin__quadrant{opacity:1}.sin__composition[data-active="0"] .sin__quadrant--tl{transform:translate(calc(-1.4rem + var(--sin-parallax-x)),calc(-1.6rem + var(--sin-parallax-y)));opacity:1}.sin__composition[data-active="0"] .sin__quadrant--tl .sin__number{font-size:clamp(6.8rem,5.8vw,8.4rem)}.sin__composition[data-active="0"] .sin__quadrant--tl .sin__label{color:#fffdf9f2;transform:translateY(2px)}.sin__composition[data-active="0"] .sin__quadrant--tl .sin__detail{opacity:1;transform:translateY(0)}.sin__composition[data-active="0"] .sin__quadrant--tl .sin__line{width:7.2rem;opacity:.32}.sin__composition[data-active="0"] .sin__quadrant--tr{transform:translate(calc(1.4rem + var(--sin-parallax-x) * -1),calc(-.2rem + var(--sin-parallax-y)));opacity:.72}.sin__composition[data-active="0"] .sin__quadrant--bl{transform:translate(calc(-.4rem + var(--sin-parallax-x)),calc(1.2rem + var(--sin-parallax-y) * -1));opacity:.62}.sin__composition[data-active="0"] .sin__quadrant--br{transform:translate(calc(.8rem + var(--sin-parallax-x) * -1),calc(.8rem + var(--sin-parallax-y) * -1));opacity:.58}.sin__composition[data-active="1"] .sin__quadrant--tr{transform:translate(calc(1.4rem + var(--sin-parallax-x) * -1),calc(-1.4rem + var(--sin-parallax-y)));opacity:1}.sin__composition[data-active="1"] .sin__quadrant--tr .sin__number{font-size:clamp(6.8rem,5.8vw,8.4rem)}.sin__composition[data-active="1"] .sin__quadrant--tr .sin__label{color:#fffdf9f2}.sin__composition[data-active="1"] .sin__quadrant--tr .sin__detail{opacity:1}.sin__composition[data-active="1"] .sin__quadrant--tr .sin__line{width:7.2rem;opacity:.32}.sin__composition[data-active="1"] .sin__quadrant--tl{transform:translate(calc(-1.2rem + var(--sin-parallax-x)),calc(.2rem + var(--sin-parallax-y)));opacity:.7}.sin__composition[data-active="1"] .sin__quadrant--bl{transform:translate(calc(.2rem + var(--sin-parallax-x)),calc(.8rem + var(--sin-parallax-y) * -1));opacity:.62}.sin__composition[data-active="1"] .sin__quadrant--br{transform:translate(calc(.8rem + var(--sin-parallax-x) * -1),calc(1rem + var(--sin-parallax-y) * -1));opacity:.58}.sin__composition[data-active="2"] .sin__quadrant--bl{transform:translate(calc(-1.4rem + var(--sin-parallax-x)),calc(1.4rem + var(--sin-parallax-y) * -1));opacity:1}.sin__composition[data-active="2"] .sin__quadrant--bl .sin__number{font-size:clamp(6.8rem,5.8vw,8.4rem)}.sin__composition[data-active="2"] .sin__quadrant--bl .sin__label{color:#fffdf9f2}.sin__composition[data-active="2"] .sin__quadrant--bl .sin__detail{opacity:1}.sin__composition[data-active="2"] .sin__quadrant--bl .sin__line{width:7.2rem;opacity:.32}.sin__composition[data-active="2"] .sin__quadrant--tl{transform:translate(calc(-.4rem + var(--sin-parallax-x)),calc(-1rem + var(--sin-parallax-y)));opacity:.68}.sin__composition[data-active="2"] .sin__quadrant--tr{transform:translate(calc(.8rem + var(--sin-parallax-x) * -1),calc(-.4rem + var(--sin-parallax-y)));opacity:.66}.sin__composition[data-active="2"] .sin__quadrant--br{transform:translate(calc(1.2rem + var(--sin-parallax-x) * -1),calc(.4rem + var(--sin-parallax-y) * -1));opacity:.6}.sin__composition[data-active="3"] .sin__quadrant--br{transform:translate(calc(1.4rem + var(--sin-parallax-x) * -1),calc(1.4rem + var(--sin-parallax-y) * -1));opacity:1}.sin__composition[data-active="3"] .sin__quadrant--br .sin__number{font-size:clamp(6.8rem,5.8vw,8.4rem)}.sin__composition[data-active="3"] .sin__quadrant--br .sin__label{color:#fffdf9f2}.sin__composition[data-active="3"] .sin__quadrant--br .sin__detail{opacity:1}.sin__composition[data-active="3"] .sin__quadrant--br .sin__line{width:7.2rem;opacity:.32}.sin__composition[data-active="3"] .sin__quadrant--tl{transform:translate(calc(-.6rem + var(--sin-parallax-x)),calc(-.8rem + var(--sin-parallax-y)));opacity:.66}.sin__composition[data-active="3"] .sin__quadrant--tr{transform:translate(calc(.6rem + var(--sin-parallax-x) * -1),calc(-1rem + var(--sin-parallax-y)));opacity:.68}.sin__composition[data-active="3"] .sin__quadrant--bl{transform:translate(calc(-1rem + var(--sin-parallax-x)),calc(.4rem + var(--sin-parallax-y) * -1));opacity:.62}@media screen and (max-width:989px){.sultan-in-numbers{--sin-composition: min(100%, 35rem)}.sin__inner{gap:3.8rem;padding-top:6.8rem;padding-bottom:6.8rem}.sin__heading{font-size:clamp(3.2rem,8.8vw,3.6rem);line-height:1.1;max-width:33rem}.sin__copy{margin-top:2.4rem;font-size:1.45rem;max-width:34rem}.sin__number{font-size:clamp(3.2rem,9vw,4rem)}.sin__composition[data-active="0"] .sin__quadrant--tl .sin__number,.sin__composition[data-active="1"] .sin__quadrant--tr .sin__number,.sin__composition[data-active="2"] .sin__quadrant--bl .sin__number,.sin__composition[data-active="3"] .sin__quadrant--br .sin__number{font-size:clamp(4.6rem,12vw,5.6rem)}.sin__label{font-size:.95rem}.sin__label--full{display:none}.sin__label--short{display:block;opacity:.82}.sin__composition[data-active="0"] .sin__quadrant--tl .sin__label--full,.sin__composition[data-active="1"] .sin__quadrant--tr .sin__label--full,.sin__composition[data-active="2"] .sin__quadrant--bl .sin__label--full,.sin__composition[data-active="3"] .sin__quadrant--br .sin__label--full{display:block}.sin__composition[data-active="0"] .sin__quadrant--tl .sin__label--short,.sin__composition[data-active="1"] .sin__quadrant--tr .sin__label--short,.sin__composition[data-active="2"] .sin__quadrant--bl .sin__label--short,.sin__composition[data-active="3"] .sin__quadrant--br .sin__label--short{display:none}.sin__detail{font-size:1.3rem;max-height:0;opacity:0;overflow:hidden;transform:translateY(.6rem)}.sin__composition[data-active="0"] .sin__quadrant--tl .sin__detail,.sin__composition[data-active="1"] .sin__quadrant--tr .sin__detail,.sin__composition[data-active="2"] .sin__quadrant--bl .sin__detail,.sin__composition[data-active="3"] .sin__quadrant--br .sin__detail{max-height:4rem;opacity:.72;transform:translateY(0)}.sin__quadrant--tl .sin__content{top:10%;left:8%}.sin__quadrant--tr .sin__content{top:10%;right:8%}.sin__quadrant--bl .sin__content{bottom:10%;left:8%}.sin__quadrant--br .sin__content{bottom:10%;right:8%}.sin__composition[data-active="0"] .sin__quadrant--tl{transform:translate(calc(-1rem + var(--sin-parallax-x)),calc(-1.2rem + var(--sin-parallax-y)))}.sin__composition[data-active="1"] .sin__quadrant--tr{transform:translate(calc(1rem + var(--sin-parallax-x) * -1),calc(-1rem + var(--sin-parallax-y)))}.sin__composition[data-active="2"] .sin__quadrant--bl{transform:translate(calc(-1rem + var(--sin-parallax-x)),calc(1rem + var(--sin-parallax-y) * -1))}.sin__composition[data-active="3"] .sin__quadrant--br{transform:translate(calc(1rem + var(--sin-parallax-x) * -1),calc(1rem + var(--sin-parallax-y) * -1))}}@media screen and (max-width:749px){.sin__inner{padding-left:1.9rem;padding-right:1.9rem}.sultan-in-numbers{--sin-composition: min(100%, 34rem)}}@media(prefers-reduced-motion:reduce){.sultan-in-numbers *,.sultan-in-numbers *:before,.sultan-in-numbers *:after{animation:none!important;transition-duration:.01ms!important}.sultan-in-numbers:not(.is-visible) .sin__quadrant--tl,.sultan-in-numbers:not(.is-visible) .sin__quadrant--tr,.sultan-in-numbers:not(.is-visible) .sin__quadrant--bl,.sultan-in-numbers:not(.is-visible) .sin__quadrant--br{transform:none}.sin__eyebrow,.sin__heading-line,.sin__copy{opacity:1;transform:none}.sin__detail{max-height:none;opacity:.72}}
/*# sourceMappingURL=/cdn/shop/t/21/assets/section-sultan-in-numbers.css.map */