bnon-our-universe{display:block}.bnon-our-universe{padding-block:76px 90px;border-top:1px solid rgba(255,255,255,.35);color:var(--bnon-color-white);background:var(--bnon-color-black)}.bnon-our-universe__intro{display:grid;gap:30px;max-width:590px}.bnon-our-universe__heading,.bnon-our-universe__description,.bnon-our-universe__stat-value,.bnon-our-universe__stat-title,.bnon-our-universe__stat-description{margin:0}.bnon-our-universe__heading{color:#fff;font-family:var(--bnon-font-latin);font-size:60px;font-weight:var(--bnon-weight-extrabold);line-height:1.1;letter-spacing:-.04em}.bnon-our-universe__description{font-family:var(--bnon-font-korean);font-size:20px;font-weight:var(--bnon-weight-medium);line-height:1.2;letter-spacing:-.04em}.bnon-our-universe__viewport{position:relative;height:430px;margin-top:30px;overflow:visible;clip-path:inset(-64px 0 0);-webkit-mask-image:linear-gradient(to right,transparent 0,#000 6%,#000 94%,transparent 100%);mask-image:linear-gradient(to right,transparent 0,#000 6%,#000 94%,transparent 100%)}.bnon-our-universe__orbit{--bnon-universe-initial-rotation: -90deg;--bnon-universe-radius: 950px;position:absolute;top:350px;left:50%;width:1328px;height:1328px;transform:translate(-50%) rotate(var(--bnon-universe-initial-rotation));transform-origin:50% 50%}bnon-our-universe[data-enable-rotation=true] .bnon-our-universe__orbit{animation:bnon-our-universe-orbit var(--bnon-universe-rotation-duration) linear infinite;animation-play-state:var(--bnon-universe-play-state, paused)}.bnon-our-universe__item{position:absolute;top:0;right:0;bottom:0;left:0;transform:rotate(var(--bnon-universe-angle));transform-origin:50% 50%}.bnon-our-universe__item-positioner{position:absolute;top:50%;left:50%;width:122px;height:122px;margin:-61px;transform:translate(var(--bnon-universe-radius))}.bnon-our-universe__card{--bnon-universe-tilt: 20deg;width:122px;height:122px;border-radius:16px;overflow:hidden;perspective:600px;transform:rotate(calc(-1 * var(--bnon-universe-angle))) rotate(calc(-1 * var(--bnon-universe-initial-rotation)))}bnon-our-universe[data-enable-rotation=true] .bnon-our-universe__card{animation:bnon-our-universe-counter-orbit var(--bnon-universe-rotation-duration) linear infinite,bnon-our-universe-tilt var(--bnon-universe-rotation-duration) linear infinite;animation-delay:0s,var(--bnon-universe-tilt-delay);animation-play-state:var(--bnon-universe-play-state, paused)}.bnon-our-universe__card-tilt{width:100%;height:100%;transform:rotateX(var(--bnon-universe-cursor-tilt-x, 0deg)) rotateY(var(--bnon-universe-cursor-tilt-y, 0deg));transform-style:preserve-3d;transition:transform .3s cubic-bezier(.22,1,.36,1);will-change:transform}@media screen and (min-width:1024px)and (hover:hover)and (pointer:fine){.bnon-our-universe__card-tilt{cursor:pointer}}.bnon-our-universe__image,.bnon-our-universe__placeholder{display:block;width:100%;height:100%;object-fit:cover}.bnon-our-universe__placeholder{background:#262626}.bnon-our-universe__stats{display:flex;justify-content:center;gap:108px;margin-top:-70px}.bnon-our-universe__stat{position:relative;display:grid;justify-items:center;gap:8px;width:min(355px,40%);text-align:center}.bnon-our-universe__stat-value{min-width:4ch;color:var(--bnon-color-blue);font-family:var(--bnon-font-latin);font-size:clamp(58px,5.81vw,84px);font-weight:var(--bnon-weight-extrabold);font-variant-numeric:tabular-nums;line-height:1.2;letter-spacing:-.04em;text-align:center}.bnon-our-universe__stat-title{color:#fff;font-family:var(--bnon-font-korean);font-size:21px;font-weight:var(--bnon-weight-extrabold);line-height:1.6;letter-spacing:-.04em}.bnon-our-universe__stat-description{font-family:var(--bnon-font-korean);font-size:20px;font-weight:var(--bnon-weight-medium);line-height:1.6;letter-spacing:-.04em}@keyframes bnon-our-universe-orbit{0%{transform:translate(-50%) rotate(var(--bnon-universe-initial-rotation))}to{transform:translate(-50%) rotate(calc(var(--bnon-universe-initial-rotation) + 360deg))}}@keyframes bnon-our-universe-counter-orbit{0%{transform:rotate(calc(-1 * var(--bnon-universe-angle))) rotate(calc(-1 * var(--bnon-universe-initial-rotation)))}to{transform:rotate(calc(-1 * var(--bnon-universe-angle))) rotate(calc(-1 * var(--bnon-universe-initial-rotation))) rotate(-360deg)}}@keyframes bnon-our-universe-tilt{0%,to{rotate:0deg}25%{rotate:var(--bnon-universe-tilt)}50%{rotate:0deg}75%{rotate:calc(-1 * var(--bnon-universe-tilt))}}@media screen and (min-width:1024px){.bnon-our-universe__viewport{height:516px}}@media screen and (max-width:1023px){.bnon-our-universe{padding-block:64px 76px}.bnon-our-universe__heading{font-size:52px}.bnon-our-universe__viewport{height:370px}.bnon-our-universe__orbit{--bnon-universe-radius: 529px;top:50px;width:940px;height:940px}.bnon-our-universe__item-positioner,.bnon-our-universe__card{width:106px;height:106px}.bnon-our-universe__item-positioner{margin:-53px}.bnon-our-universe__card{border-radius:14px}.bnon-our-universe__stats{gap:64px}.bnon-our-universe__stat-title{font-size:18px}.bnon-our-universe__stat-description{font-size:17px}}@media screen and (max-width:767px){.bnon-our-universe{padding-block:52px 64px}.bnon-our-universe__intro{gap:18px}.bnon-our-universe__heading{font-size:clamp(42px,12vw,56px)}.bnon-our-universe__description{font-size:18px}.bnon-our-universe__viewport{height:315px;margin-top:22px}.bnon-our-universe__orbit{--bnon-universe-radius: 431px;top:40px;width:760px;height:760px}.bnon-our-universe__item-positioner,.bnon-our-universe__card{width:88px;height:88px}.bnon-our-universe__item-positioner{margin:-44px}.bnon-our-universe__card{border-radius:12px}.bnon-our-universe__stats{display:grid;grid-template-columns:1fr;gap:38px;margin-top:22px}.bnon-our-universe__stat{width:100%}.bnon-our-universe__stat-value{font-size:58px}.bnon-our-universe__stat-title{font-size:18px}.bnon-our-universe__stat-description{font-size:16px}}@media screen and (max-width:480px){.bnon-our-universe__viewport{height:260px}.bnon-our-universe__orbit{--bnon-universe-radius: 375px;top:49px;width:660px;height:660px}.bnon-our-universe__item-positioner,.bnon-our-universe__card{width:76px;height:76px}.bnon-our-universe__item-positioner{margin:-38px}.bnon-our-universe__description{font-size:16px}}@media(prefers-reduced-motion:reduce){bnon-our-universe[data-enable-rotation=true] .bnon-our-universe__orbit,bnon-our-universe[data-enable-rotation=true] .bnon-our-universe__card{animation:none}}@media screen and (min-width:768px)and (max-width:1023px){.bnon-our-universe__viewport{margin-top:105px}.bnon-our-universe__orbit{top:125px}}@media screen and (max-width:480px){.bnon-our-universe{position:relative;padding-block:48px 72px;overflow:hidden}.bnon-our-universe__heading{font-size:42px}.bnon-our-universe__description{line-height:1.45}.bnon-our-universe__viewport{height:190px;margin-top:36px;overflow:hidden;clip-path:none}.bnon-our-universe__orbit{top:96px}.bnon-our-universe__stats{gap:34px;margin-top:24px}.bnon-our-universe__stat{gap:6px}.bnon-our-universe__stat-value{font-size:52px;line-height:1.08}.bnon-our-universe__stat-title{font-size:17px;line-height:1.4}.bnon-our-universe__stat-description{font-size:15px;line-height:1.5}}
/*# sourceMappingURL=/cdn/shop/t/29/assets/bnon-our-universe.css.map */