.bnon-portfolio-gallery{--gallery-header-height: var(--bnon-header-height-reference, 120px);--gallery-intro-gap: clamp(20px, 2vw, 32px)}bnon-portfolio-gallery-entrance{display:block}.bnon-portfolio-gallery__card-entrance{position:relative;width:100%;height:100%;border-radius:inherit;transform-origin:center bottom}.bnon-portfolio-gallery .bnon-portfolio-gallery__heading{font-size:64px}.bnon-portfolio-gallery .bnon-portfolio-gallery__description{font-size:21.6px}.bnon-portfolio-gallery .bnon-portfolio-gallery__eyebrow{font-size:15.36px}.bnon-portfolio-gallery__card{cursor:pointer}.bnon-portfolio-gallery .bnon-portfolio-gallery__intro{box-sizing:border-box;min-height:calc(85svh - var(--gallery-header-height) - 15.07vw - var(--gallery-intro-gap) - 24px);padding-top:calc(clamp(96px,12svh,144px) - 24px);align-content:end}.bnon-portfolio-gallery__reveal{position:relative;display:block;top:-120px;margin-top:var(--gallery-intro-gap);padding-bottom:7vw}.bnon-portfolio-gallery__mobile-navigation{display:none}@media screen and (max-width:1023px){.bnon-portfolio-gallery{--gallery-header-height: 88px}.bnon-portfolio-gallery .bnon-portfolio-gallery__heading{font-size:51.2px}.bnon-portfolio-gallery .bnon-portfolio-gallery__description{font-size:18.5px}}@media screen and (max-width:480px){.bnon-portfolio-gallery{--gallery-header-height: 80px}.bnon-portfolio-gallery .bnon-portfolio-gallery__heading{font-size:38.4px}.bnon-portfolio-gallery .bnon-portfolio-gallery__description{font-size:15.36px}.bnon-portfolio-gallery .bnon-portfolio-gallery__eyebrow{font-size:11.52px}}.bnon-portfolio-gallery .bnon-portfolio-gallery__stage{display:block;width:100%;height:39.0456vw;margin-top:0;padding:0;perspective:43.3839vw;perspective-origin:50% 50%;transform-style:preserve-3d;transform:scale(1.15);transform-origin:50% 0}.bnon-portfolio-gallery .bnon-portfolio-gallery__card:nth-child(n){position:absolute;inset:50% auto auto 50%;width:var(--gallery-width)!important;height:13.2321vw!important;aspect-ratio:auto;margin:0;overflow:visible;background:transparent;border-radius:1.3015vw;transform-style:flat;transform-origin:50% 50%;backface-visibility:hidden;opacity:1;transition:opacity .35s ease,transform .35s ease;transform:translate(-50%,-50%) translate(var(--gallery-x)) translateZ(var(--gallery-z)) rotateY(var(--gallery-yaw)) scale(var(--gallery-active-scale, 1))}.bnon-portfolio-gallery .bnon-portfolio-gallery__card:focus-visible{opacity:1;outline:2px solid var(--bnon-color-mint);outline-offset:4px}.bnon-portfolio-gallery__stage:has(>.bnon-portfolio-gallery__card:focus-visible)>.bnon-portfolio-gallery__card:not(:focus-visible){opacity:.5}@media(hover:hover)and (pointer:fine){.bnon-portfolio-gallery__stage:not(:has(>.bnon-portfolio-gallery__card:focus-visible)):has(>.bnon-portfolio-gallery__card:hover)>.bnon-portfolio-gallery__card:not(:hover){opacity:.5}}@media screen and (min-width:768px)and (hover:hover)and (pointer:fine){.bnon-portfolio-gallery .bnon-portfolio-gallery__card:is(:hover,:focus-visible){--gallery-active-scale: 1.025}}@media(prefers-reduced-motion:reduce){.bnon-portfolio-gallery .bnon-portfolio-gallery__card:nth-child(n){transition:none}}.bnon-portfolio-gallery__media{width:100%;height:100%;overflow:hidden;border-radius:inherit;background:#0b0b0b}.bnon-portfolio-gallery__brand{position:absolute;top:100%;left:0;width:100%;margin:.9vw 0 0;color:#000;font-family:var(--bnon-font-latin);font-size:clamp(8px,1.1vw,18px);font-weight:700;line-height:1.25;text-align:center;text-transform:uppercase;white-space:nowrap}.bnon-portfolio-gallery__brand>span{display:inline-block}.bnon-portfolio-gallery .bnon-portfolio-gallery__card:nth-child(1){--gallery-x: -18.8836vw;--gallery-z: 20.8719vw;--gallery-width: 9.3296vw;--gallery-yaw: 83.078deg;transform-style:preserve-3d}.bnon-portfolio-gallery .bnon-portfolio-gallery__card:nth-child(1) .bnon-portfolio-gallery__card-entrance,.bnon-portfolio-gallery .bnon-portfolio-gallery__card:nth-child(1) .bnon-portfolio-gallery__brand{transform-style:preserve-3d}.bnon-portfolio-gallery .bnon-portfolio-gallery__card:nth-child(1) .bnon-portfolio-gallery__brand>span{transform:translate(-.15vw,-.35vw) rotateY(-8deg);transform-origin:0 50%;backface-visibility:hidden}.bnon-portfolio-gallery__stage:has(>.bnon-portfolio-gallery__card:focus-visible)>.bnon-portfolio-gallery__card:nth-child(1):not(:focus-visible),.bnon-portfolio-gallery__stage:not(:has(>.bnon-portfolio-gallery__card:focus-visible)):has(>.bnon-portfolio-gallery__card:hover)>.bnon-portfolio-gallery__card:nth-child(1):not(:hover){opacity:1}.bnon-portfolio-gallery__stage:has(>.bnon-portfolio-gallery__card:focus-visible)>.bnon-portfolio-gallery__card:nth-child(1):not(:focus-visible) .bnon-portfolio-gallery__media,.bnon-portfolio-gallery__stage:not(:has(>.bnon-portfolio-gallery__card:focus-visible)):has(>.bnon-portfolio-gallery__card:hover)>.bnon-portfolio-gallery__card:nth-child(1):not(:hover) .bnon-portfolio-gallery__media{opacity:.5}.bnon-portfolio-gallery__stage:has(>.bnon-portfolio-gallery__card:focus-visible)>.bnon-portfolio-gallery__card:nth-child(1):not(:focus-visible) .bnon-portfolio-gallery__brand,.bnon-portfolio-gallery__stage:not(:has(>.bnon-portfolio-gallery__card:focus-visible)):has(>.bnon-portfolio-gallery__card:hover)>.bnon-portfolio-gallery__card:nth-child(1):not(:hover) .bnon-portfolio-gallery__brand{color:#0000007f}.bnon-portfolio-gallery .bnon-portfolio-gallery__card:nth-child(2){--gallery-x: -16.1377vw;--gallery-z: 10.75vw;--gallery-width: 9.3576vw;--gallery-yaw: 55.772deg}.bnon-portfolio-gallery .bnon-portfolio-gallery__card:nth-child(3){--gallery-x: -9.3955vw;--gallery-z: 2.6914vw;--gallery-width: 9.4823vw;--gallery-yaw: 29.556deg}.bnon-portfolio-gallery .bnon-portfolio-gallery__card:nth-child(4){--gallery-x: -.1085vw;--gallery-z: 0vw;--gallery-width: 9.3275vw;--gallery-yaw: 0deg}.bnon-portfolio-gallery .bnon-portfolio-gallery__card:nth-child(5){--gallery-x: 9.3476vw;--gallery-z: 2.6914vw;--gallery-width: 9.399vw;--gallery-yaw: -29.844deg}.bnon-portfolio-gallery .bnon-portfolio-gallery__card:nth-child(6){--gallery-x: 16.0349vw;--gallery-z: 10.6715vw;--gallery-width: 9.2149vw;--gallery-yaw: -55.341deg}.bnon-portfolio-gallery .bnon-portfolio-gallery__card:nth-child(7){--gallery-x: 18.7791vw;--gallery-z: 20.7495vw;--gallery-width: 9.1131vw;--gallery-yaw: -81.656deg}@media screen and (max-width:480px){.bnon-portfolio-gallery .bnon-portfolio-gallery__intro{min-height:0;padding-top:50px;align-content:start}.bnon-portfolio-gallery__reveal{top:0;margin-top:18px}.bnon-portfolio-gallery__mobile-navigation{display:flex;justify-content:center;gap:18px;margin-bottom:18px}.bnon-portfolio-gallery__mobile-nav-button{display:grid;width:28px;height:28px;padding:0;border:0;place-items:center;color:#0a0a0a;background:transparent;font-family:var(--bnon-font-latin);font-size:30px;font-weight:400;line-height:1;cursor:pointer;transition:opacity .18s ease}.bnon-portfolio-gallery__mobile-nav-button>span{display:block;margin-top:-3px}.bnon-portfolio-gallery__mobile-nav-button:disabled{cursor:default;opacity:.3}.bnon-portfolio-gallery__mobile-nav-button:focus-visible{outline:2px solid var(--bnon-color-mint);outline-offset:3px}.bnon-portfolio-gallery .bnon-portfolio-gallery__stage{height:86vw;perspective:238.6115vw;perspective-origin:50% 50%;transform:none;touch-action:pan-y;-webkit-user-select:none;user-select:none;cursor:grab}.bnon-portfolio-gallery .bnon-portfolio-gallery__stage.is-dragging{cursor:grabbing}.bnon-portfolio-gallery .bnon-portfolio-gallery__stage.is-initializing .bnon-portfolio-gallery__card{transition:none}.bnon-portfolio-gallery .bnon-portfolio-gallery__stage.is-initializing{visibility:hidden}.bnon-portfolio-gallery .bnon-portfolio-gallery__card.is-wrapping{transition:none}.bnon-portfolio-gallery .bnon-portfolio-gallery__card:nth-child(n){height:72.7766vw!important;border-radius:7.1583vw}.bnon-portfolio-gallery__brand{margin-top:4.95vw;font-size:clamp(9px,3.04vw,13px)}}@media screen and (min-width:481px)and (max-width:1023px){.bnon-portfolio-gallery .bnon-portfolio-gallery__intro{min-height:0;padding-top:72px;align-content:start}.bnon-portfolio-gallery__reveal{top:0;margin-top:44px;padding-bottom:56px}.bnon-portfolio-gallery .bnon-portfolio-gallery__stage{height:min(62vw,560px);perspective:180vw;perspective-origin:50% 50%;transform:none;touch-action:pan-y;-webkit-user-select:none;user-select:none;cursor:grab}.bnon-portfolio-gallery .bnon-portfolio-gallery__stage.is-dragging{cursor:grabbing}.bnon-portfolio-gallery .bnon-portfolio-gallery__stage.is-initializing .bnon-portfolio-gallery__card,.bnon-portfolio-gallery .bnon-portfolio-gallery__card.is-wrapping{transition:none}.bnon-portfolio-gallery .bnon-portfolio-gallery__stage.is-initializing{visibility:hidden}.bnon-portfolio-gallery .bnon-portfolio-gallery__card:nth-child(n){height:min(46vw,430px)!important;border-radius:min(4.5vw,42px)}.bnon-portfolio-gallery__brand{margin-top:18px;font-size:clamp(12px,2vw,18px)}}.bnon-portfolio-gallery{overflow:hidden;color:var(--bnon-color-black);background:var(--bnon-color-white)}.bnon-portfolio-gallery__intro{display:grid;justify-items:center;gap:16px;padding-top:74px;text-align:center}.bnon-portfolio-gallery__heading,.bnon-portfolio-gallery__description,.bnon-portfolio-gallery__eyebrow{margin:0}.bnon-portfolio-gallery__heading{font-family:var(--bnon-font-latin);font-size:80px;font-weight:var(--bnon-weight-extrabold);line-height:1.1;letter-spacing:-.04em}.bnon-portfolio-gallery__description{font-family:var(--bnon-font-korean);font-size:28px;font-weight:var(--bnon-weight-semibold);line-height:1.4;letter-spacing:-.04em}.bnon-portfolio-gallery__eyebrow{color:var(--bnon-color-mint);font-family:var(--bnon-font-latin);font-size:20px;font-weight:var(--bnon-weight-bold);line-height:1.3;letter-spacing:.1em}.bnon-portfolio-gallery__stage{position:relative;width:100%;height:640px;margin-top:0}.bnon-portfolio-gallery__card{position:absolute;overflow:hidden;border-radius:clamp(14px,1.793vw,26px);background:#0b0b0b}.bnon-portfolio-gallery__card:nth-child(1){top:0;left:-18.108vw;width:24.196vw;height:37.639vw}.bnon-portfolio-gallery__card:nth-child(2){top:4.033vw;left:7.881vw;width:17.924vw;height:29.574vw}.bnon-portfolio-gallery__card:nth-child(3){top:6.722vw;left:27.596vw;width:14.339vw;height:24.196vw}.bnon-portfolio-gallery__card:nth-child(4){top:8.065vw;left:43.727vw;width:12.546vw;height:21.508vw}.bnon-portfolio-gallery__card:nth-child(5){top:6.722vw;left:58.065vw;width:14.339vw;height:24.196vw}.bnon-portfolio-gallery__card:nth-child(6){top:4.033vw;left:74.168vw;width:17.924vw;height:29.574vw}.bnon-portfolio-gallery__card:nth-child(7){top:0;left:93.889vw;width:24.196vw;height:37.639vw}.bnon-portfolio-gallery__image,.bnon-portfolio-gallery__placeholder{display:block;width:100%;height:100%;object-fit:cover}.bnon-portfolio-gallery__placeholder{background:#e8e8e8}.bnon-portfolio-gallery__next-boundary{height:112px;margin-top:-22px;border-radius:50% 50% 0 0/72px 72px 0 0;background:var(--bnon-color-black)}@media screen and (min-width:1024px){.bnon-portfolio-gallery__stage{perspective:1600px;perspective-origin:50% 46%;transform-style:preserve-3d}.bnon-portfolio-gallery__card{backface-visibility:hidden;transform-origin:50% 50%;transform-style:preserve-3d}.bnon-portfolio-gallery__card:nth-child(1){transform:translate3d(-16px,0,-130px) rotateY(-22deg)}.bnon-portfolio-gallery__card:nth-child(2){transform:translate3d(-11px,0,-84px) rotateY(-16deg)}.bnon-portfolio-gallery__card:nth-child(3){transform:translate3d(-6px,0,-40px) rotateY(-9deg)}.bnon-portfolio-gallery__card:nth-child(4){transform:translateZ(0) rotateY(0)}.bnon-portfolio-gallery__card:nth-child(5){transform:translate3d(6px,0,-40px) rotateY(9deg)}.bnon-portfolio-gallery__card:nth-child(6){transform:translate3d(11px,0,-84px) rotateY(16deg)}.bnon-portfolio-gallery__card:nth-child(7){transform:translate3d(16px,0,-130px) rotateY(22deg)}}@media screen and (max-width:1023px){.bnon-portfolio-gallery__intro{padding-top:60px}.bnon-portfolio-gallery__heading{font-size:64px}.bnon-portfolio-gallery__description{font-size:24px}.bnon-portfolio-gallery__stage{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;height:auto;padding:48px 24px 72px}.bnon-portfolio-gallery__card{position:relative;inset:auto;width:auto!important;height:auto!important;aspect-ratio:3 / 4}.bnon-portfolio-gallery__next-boundary{margin-top:0}}@media screen and (max-width:767px){.bnon-portfolio-gallery__intro{gap:12px;padding-top:48px}.bnon-portfolio-gallery__heading{font-size:48px}.bnon-portfolio-gallery__description{font-size:20px}.bnon-portfolio-gallery__eyebrow{font-size:15px}.bnon-portfolio-gallery__stage{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:40px 20px 56px}.bnon-portfolio-gallery__card:first-child{grid-column:1 / -1;aspect-ratio:4 / 5}.bnon-portfolio-gallery__next-boundary{height:72px;border-radius:50% 50% 0 0/44px 44px 0 0}}bnon-portfolio-projects-entrance{display:block}.bnon-portfolio-projects{padding:100px 24px 120px;background:var(--bnon-color-white)}.bnon-portfolio-projects__intro{display:grid;gap:20px;margin:0 auto 100px;text-align:center}.bnon-portfolio-projects__intro h2{margin:0;color:var(--bnon-color-black);font-family:var(--bnon-font-latin);font-size:64px;font-weight:800;line-height:1.4;letter-spacing:-.04em}.bnon-portfolio-projects__intro p{margin:0;font-family:var(--bnon-font-korean);font-size:19.2px;font-weight:400;line-height:1.4;letter-spacing:-.04em}.bnon-portfolio-projects__gallery{display:grid;gap:60px;max-width:1286px;margin-inline:auto}.bnon-portfolio-projects__row{display:flex;align-items:flex-end;gap:25px}.bnon-portfolio-projects__card{position:relative;flex:none;min-width:0;overflow:hidden;border-radius:20px;background:var(--bnon-color-gray);cursor:pointer}.bnon-portfolio-projects__card--large{width:100%;aspect-ratio:1286 / 620}.bnon-portfolio-projects__card--medium{width:calc((100% - 25px) * .414013);aspect-ratio:520 / 400}.bnon-portfolio-projects__row--pair .bnon-portfolio-projects__card--large{width:calc((100% - 25px) * .585987);aspect-ratio:736 / 520}.bnon-portfolio-projects__row--small{gap:28px}.bnon-portfolio-projects__card--small{width:calc((100% - 56px) / 3);aspect-ratio:410 / 360}.bnon-portfolio-projects__surface{display:block;position:absolute;top:0;right:0;bottom:0;left:0;color:inherit;text-decoration:none}.bnon-portfolio-projects__surface:focus-visible{outline:3px solid var(--bnon-color-mint);outline-offset:-6px;border-radius:inherit}.bnon-portfolio-projects__image{display:block;width:100%;height:100%;object-fit:cover}.bnon-portfolio-projects__logo{position:absolute;bottom:7%;left:50%;width:36%;height:16%;transform:translate(-50%) scale(var(--project-logo-scale, 1));transform-origin:center bottom;pointer-events:none}.bnon-portfolio-projects__card--medium .bnon-portfolio-projects__logo{width:42%;height:15%}.bnon-portfolio-projects__card--small .bnon-portfolio-projects__logo{width:44%;height:14%;bottom:5%}.bnon-portfolio-projects__logo img{display:block;width:100%;height:100%;object-fit:contain;object-position:center bottom}.bnon-portfolio-projects__empty{display:grid;height:100%;place-items:center;padding:16px;box-sizing:border-box;text-align:center}@media screen and (max-width:1023px){.bnon-portfolio-projects{padding-block:72px 88px}.bnon-portfolio-projects__intro{margin-bottom:64px}.bnon-portfolio-projects__intro h2{font-size:51.2px}.bnon-portfolio-projects__intro p{font-size:16px}.bnon-portfolio-projects__gallery{gap:40px}}@media screen and (max-width:767px){.bnon-portfolio-projects{padding:56px 20px 64px}.bnon-portfolio-projects__intro{gap:16px;margin-bottom:40px}.bnon-portfolio-projects__intro h2{font-size:clamp(26px,6.4vw,38px)}.bnon-portfolio-projects__intro p{font-size:13px}.bnon-portfolio-projects__gallery{gap:24px}.bnon-portfolio-projects__row{gap:12px}.bnon-portfolio-projects__card{border-radius:12px}.bnon-portfolio-projects__card{opacity:0;transform:translateY(30px)}.bnon-portfolio-projects__row--pair .bnon-portfolio-projects__card--large{width:calc((100% - 12px) * .585987)}.bnon-portfolio-projects__card--medium{width:calc((100% - 12px) * .414013)}.bnon-portfolio-projects__card--small{width:calc((100% - 24px) / 3)}}@media screen and (max-width:767px)and (prefers-reduced-motion:reduce){.bnon-portfolio-projects__card{opacity:1;transform:none}}
/*# sourceMappingURL=/cdn/shop/t/29/compiled_assets/styles.css.map */