.oc-lazy-section{opacity:0;will-change:opacity,transform;transition:opacity .65s cubic-bezier(.22,1,.36,1),transform .65s cubic-bezier(.22,1,.36,1);transform:translateY(28px)}.oc-lazy-section.oc-lazy-section--visible{opacity:1;will-change:auto;transform:translateY(0)}@media (prefers-reduced-motion:reduce){.oc-lazy-section{opacity:1;transition:none;transform:none}}
.oc-banner{--desktop-width:min(1440px, calc(100vw - 240px));--pad-width:calc(100vw - 96px);--h5-width:calc(100vw - 48px);width:100%;padding:80px 0;position:relative;overflow:hidden}.oc-banner__image{object-fit:cover;object-position:center;width:100%;height:900px;display:block}.oc-banner__inner{width:100%;position:relative}.oc-banner__content{width:var(--desktop-width);flex-direction:column;justify-content:space-between;margin:0 auto;padding:80px 0;display:flex;position:absolute;inset:0 0 0 50%;transform:translate(-50%)}.oc-banner__intro{flex-direction:column;gap:40px;max-width:840px;display:flex}.oc-banner__headline{color:#fff;white-space:pre-line;word-break:break-word;margin:0;font-size:40px;font-weight:500;line-height:1.3}.oc-banner__description{color:#fff;margin:0;font-size:16px;font-weight:400;line-height:1.3}.oc-banner__capacity{flex-direction:column;max-width:560px;display:flex}.oc-banner__capacity-title{color:#fff;margin:0;padding-bottom:40px;font-size:28px;font-weight:500;line-height:1.3}.oc-banner__bars{flex-direction:column;gap:24px;display:flex}.oc-banner__bar-item{flex-direction:column;gap:8px;display:flex}.oc-banner__bar-header{justify-content:space-between;align-items:center;gap:12px;display:flex}.oc-banner__bar-track{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#ffffff4d;border-radius:20px;width:100%;height:12px;overflow:hidden}.oc-banner__bar-fill{transform-origin:0;background:linear-gradient(97deg,#fcfff8 1.68%,#70f301 176.99%),#fff;border-radius:20px;height:100%;animation:1.2s cubic-bezier(.25,.46,.45,.94) both oc-banner-bar-grow}.oc-banner__bar-item:nth-child(2) .oc-banner__bar-fill{animation-delay:.2s}.oc-banner__surplus{color:#fff;white-space:nowrap;flex-shrink:0;font-size:28px;font-weight:500;line-height:1.3}.oc-banner__bar-label{color:#f5f5f6;max-width:320px;margin:0;font-size:14px;font-weight:400;line-height:1.3}@media (max-width:1024px){.oc-banner__image{height:600px}.oc-banner__content{width:var(--pad-width);padding:40px 0}.oc-banner__intro{gap:12px;max-width:400px}.oc-banner__headline{font-size:28px}.oc-banner__description{font-size:12px}.oc-banner__capacity{max-width:400px}.oc-banner__capacity-title{font-size:20px}.oc-banner__surplus{font-size:14px}.oc-banner__bar-label{font-size:11px}}@media not (min-width:768px){.oc-banner__image{object-fit:cover;width:100%;height:600px}.oc-banner__content{width:var(--h5-width);padding:20px 0}.oc-banner__intro{gap:12px;max-width:100%}.oc-banner__headline{font-size:24px}.oc-banner__description{font-size:12px}.oc-banner__capacity{max-width:100%}.oc-banner__capacity-title{padding-bottom:20px;font-size:20px}.oc-banner__bars{gap:20px}.oc-banner__surplus{font-size:13px}.oc-banner__bar-label{font-size:12px}.oc-banner__bar-track{height:8px}}@keyframes oc-banner-bar-grow{0%{transform:scaleX(0)}to{transform:scaleX(1)}}
.oc-carousel{--desktop-width:min(1440px, calc(100vw - 240px));--pad-width:calc(100vw - 96px);--h5-width:calc(100vw - 48px);width:var(--desktop-width);margin:0 auto;padding:80px 0}@media (max-width:1024px){.oc-carousel{width:var(--pad-width)}}@media not (min-width:768px){.oc-carousel{width:var(--h5-width)}}.oc-carousel__heading{color:#000;text-align:center;max-width:996px;margin:0 auto;font-size:40px;font-weight:500;line-height:1.3}.oc-carousel__subheading{color:#595c61;text-align:center;margin:0 0 40px;padding-top:12px;font-size:20px;font-weight:400;line-height:1.3}.oc-carousel__stage{position:relative}.oc-carousel__track-wrapper{-webkit-user-select:none;user-select:none;cursor:grab;border-radius:16px;height:595px;overflow:hidden}.oc-carousel__track-wrapper:active{cursor:grabbing}.oc-carousel__track{height:100%;display:flex}.oc-carousel__slide{flex:0 0 100%;height:100%;position:relative}.oc-carousel__img{object-fit:cover;width:100%;height:100%;display:block}.oc-carousel__arrow{cursor:pointer;z-index:2;background:0 0;border:none;justify-content:center;align-items:center;width:44px;height:44px;padding:0;transition:opacity .2s;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.oc-carousel__arrow:hover{opacity:.8}.oc-carousel__arrow--prev{left:20px}.oc-carousel__arrow--next{right:20px}.oc-carousel__dots{justify-content:center;align-items:center;gap:8px;margin-top:40px;display:flex}.oc-carousel__dot{cursor:pointer;background:#ddd;border:none;border-radius:50%;width:8px;height:8px;padding:0;transition:background .2s}.oc-carousel__dot--active{background:#919191}.oc-carousel__caption{text-align:center;margin-top:40px}.oc-carousel__slide-title{color:#000;margin:0 0 8px;font-size:24px;font-weight:500;line-height:1.3}.oc-carousel__slide-desc{color:#595c61;max-width:996px;margin:0 auto;font-size:20px;font-weight:400;line-height:1.3}@media (max-width:1440px){.oc-carousel{padding:80px 0}}@media (max-width:1024px){.oc-carousel{padding:60px 24px}.oc-carousel__heading{font-size:32px}.oc-carousel__track-wrapper{aspect-ratio:1440/595;border-radius:8px;height:auto}.oc-carousel__arrow{width:36px;height:36px}.oc-carousel__arrow--prev{left:12px}.oc-carousel__arrow--next{right:12px}}@media not (min-width:768px){.oc-carousel{padding:40px 0}.oc-carousel__heading{margin-bottom:0;font-size:24px}.oc-carousel__subheading{margin-bottom:12px;font-size:14px}.oc-carousel__track-wrapper{aspect-ratio:1440/595;border-radius:8px;height:auto}.oc-carousel__arrow{display:none}.oc-carousel__dots,.oc-carousel__caption{margin-top:12px}.oc-carousel__slide-title{margin-bottom:12px;font-size:16px}.oc-carousel__slide-desc{font-size:12px}}
.oc-grids{--desktop-width:min(1440px, calc(100vw - 240px));--pad-width:calc(100vw - 96px);--h5-width:calc(100vw - 48px);width:var(--desktop-width);margin:0 auto}@media (max-width:1024px){.oc-grids{width:var(--pad-width)}}@media not (min-width:768px){.oc-grids{width:var(--h5-width)}}.oc-grids__grid{flex-wrap:wrap;gap:18px;display:flex}.oc-grids__card{border-radius:16px;flex-shrink:0;position:relative;overflow:hidden}.oc-grids__card:first-child{flex-basis:calc(60.4782% - 10.8861px);height:384px}.oc-grids__card:nth-child(2){flex-basis:calc(39.5218% - 7.11392px);height:384px}.oc-grids__card:nth-child(3){flex-basis:calc(54.0084% - 9.72152px);height:360px}.oc-grids__card:nth-child(4){flex-basis:calc(45.9916% - 8.27848px);height:360px}.oc-grids__card:nth-child(5),.oc-grids__card:nth-child(6),.oc-grids__card:nth-child(7){flex-basis:calc(33.3333% - 12px);height:264px}.oc-grids__card:hover .oc-grids__img{transform:scale(1.04)}.oc-grids__img{object-fit:cover;width:100%;height:100%;transition:transform .4s;position:absolute;inset:0}.oc-grids__content{z-index:1;max-width:100%;padding:24px;position:absolute;top:0;left:0}.oc-grids__title{color:#fff;white-space:pre-line;margin:0;font-size:24px;font-weight:500;line-height:1.3}.oc-grids__title strong{font-size:32px;font-weight:700}.oc-grids__card-2 .oc-grids__content{text-align:center;width:100%;padding:24px;top:50%;left:50%;transform:translate(-50%,-50%)}.oc-grids__card-5 .oc-grids__content{max-width:280px}.oc-grids__card-2 .oc-grids__title>p:first-child{margin-top:-16px;padding-top:64px;padding-bottom:104px}.oc-grids__card-3 .oc-grids__title,.oc-grids__card-3 .oc-grids__desc,.oc-grids__card-4 .oc-grids__title,.oc-grids__card-4 .oc-grids__desc,.oc-grids__card-5 .oc-grids__title,.oc-grids__card-5 .oc-grids__desc,.oc-grids__card-7 .oc-grids__title,.oc-grids__card-7 .oc-grids__desc,.oc-grids__card-3 .oc-grids__title strong,.oc-grids__card-4 .oc-grids__title strong,.oc-grids__card-5 .oc-grids__title strong,.oc-grids__card-7 .oc-grids__title strong{color:#18191b}.oc-grids__card-3 .oc-grids__title strong{color:#3f68e0}.oc-grids__desc{color:#fff;margin:6px 0 0;font-size:16px;font-weight:400;line-height:1.3}.oc-grids__footnotes{margin-top:20px;padding:0 2px}.oc-grids__footnote{color:#595c61;margin:0;font-size:12px;font-weight:400;line-height:1.3}@media (max-width:1440px){.oc-grids__title{font-size:16px}.oc-grids__title strong{font-size:24px}}@media (max-width:1024px){.oc-grids__card{border-radius:8px}.oc-grids__card:first-child,.oc-grids__card:nth-child(2){height:280px}.oc-grids__card:nth-child(3),.oc-grids__card:nth-child(4){height:260px}.oc-grids__card:nth-child(5),.oc-grids__card:nth-child(6),.oc-grids__card:nth-child(7){height:200px}.oc-grids__card-5 .oc-grids__content{max-width:200px}.oc-grids__content{padding:20px 20px 0}.oc-grids__title{font-size:14px}.oc-grids__title strong{font-size:20px}.oc-grids__desc{font-size:14px}}@media not (min-width:768px){.oc-grids__grid{gap:8px}.oc-grids__card{border-radius:8px}.oc-grids__card:first-child,.oc-grids__card:nth-child(4),.oc-grids__card:nth-child(7){flex-basis:100%;height:250px}.oc-grids__card:nth-child(2),.oc-grids__card:nth-child(3),.oc-grids__card:nth-child(5),.oc-grids__card:nth-child(6){flex-basis:calc(50% - 4px);height:200px}.oc-grids__content{padding:16px 16px 0}.oc-grids__card-2 .oc-grids__content{padding:16px 0}.oc-grids__card-3 .oc-grids__content,.oc-grids__card-5 .oc-grids__content,.oc-grids__card-6 .oc-grids__content{padding:8px}.oc-grids__card-5 .oc-grids__content{max-width:220px}.oc-grids__card-3 .oc-grids__title{font-size:16px}.oc-grids__card-5 .oc-grids__title,.oc-grids__card-6 .oc-grids__title{font-size:12px}.oc-grids__card-2 .oc-grids__title{font-size:14px}.oc-grids__card-2 .oc-grids__title>p:first-child{margin-top:-8px;padding-top:8px;padding-bottom:48px}.oc-grids__title{font-size:20px}.oc-grids__title strong{font-size:18px}.oc-grids__desc{margin-top:4px;font-size:14px}.oc-grids__footnote{font-size:10px}}
.oc-image-card{--desktop-width:min(1440px, calc(100vw - 240px));--pad-width:calc(100vw - 96px);--h5-width:calc(100vw - 48px);width:var(--desktop-width);margin:0 auto;padding:80px 0}@media (max-width:1024px){.oc-image-card{width:var(--pad-width)}}@media not (min-width:768px){.oc-image-card{width:var(--h5-width)}}.oc-image-card__img-wrapper{border-radius:16px;height:600px;position:relative;overflow:hidden}.oc-image-card__image{object-fit:cover;width:100%;height:100%;transition:transform .4s}.oc-image-card__mask{background:#00000080;position:absolute;inset:0}.oc-image-card:hover .oc-image-card__image{transform:scale(1.04)}.oc-image-card__content{text-align:center;flex-direction:column;align-items:center;gap:0;width:100%;padding:24px 40px 0;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.oc-image-card__label{color:#fff;font-size:24px;font-weight:500;line-height:1.3}.oc-image-card__label+.oc-image-card__title{padding-top:24px}.oc-image-card__title{color:#fff;white-space:pre-line;max-width:1000px;margin:0;font-size:40px;font-weight:500;line-height:1.3}@media (max-width:1440px){.oc-image-card__label{font-size:22px}}@media (max-width:1024px){.oc-image-card__img-wrapper{border-radius:8px}.oc-image-card__content{gap:12px;padding:0 24px}.oc-image-card__label{font-size:16px}.oc-image-card__title{font-size:28px}}@media not (min-width:768px){.oc-image-card{padding:40px 0}.oc-image-card__img-wrapper{border-radius:8px;height:400px}.oc-image-card__content{padding:16px 24px 0}.oc-image-card__label{font-size:14px;font-weight:400}.oc-image-card__title{font-size:20px;font-weight:500}}
.oc-issue-cards{--desktop-width:min(1440px, calc(100vw - 240px));--pad-width:calc(100vw - 96px);--h5-width:calc(100vw - 48px);width:var(--desktop-width);flex-direction:column;margin:0 auto;padding:80px 0;display:flex}@media (max-width:1024px){.oc-issue-cards{width:var(--pad-width)}}@media not (min-width:768px){.oc-issue-cards{width:var(--h5-width)}}.oc-issue-cards__heading{color:#000;text-align:center;margin:0;padding-bottom:40px;font-size:40px;font-weight:500;line-height:1.3}.oc-issue-cards__list{gap:2px;height:480px;display:flex}.oc-issue-cards__item{cursor:pointer;flex:1;transition:flex .2s;position:relative;overflow:hidden}.oc-issue-cards__item:first-child{border-radius:16px 0 0 16px}.oc-issue-cards__item:last-child{border-radius:0 16px 16px 0}.oc-issue-cards__item--active{flex:4.5}.oc-issue-cards__item--active .oc-issue-cards__desc{opacity:1;max-height:120px}.oc-issue-cards__img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.oc-issue-cards__content{background:linear-gradient(#0000 0%,#000000b8 100%);padding:16px 24px;position:absolute;bottom:0;left:0;right:0}.oc-issue-cards__title{color:#fff;margin:0 0 8px;font-size:20px;font-weight:500;line-height:1.3}.oc-issue-cards__desc{color:#ffffffd9;opacity:0;max-height:0;margin:0;font-size:16px;font-weight:400;line-height:1.3;transition:opacity .15s,max-height .2s;overflow:hidden}@media (max-width:1024px){.oc-issue-cards{padding:60px 0}.oc-issue-cards__list{scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;gap:12px;height:354px;overflow:auto hidden}.oc-issue-cards__list::-webkit-scrollbar{display:none}.oc-issue-cards__item{scroll-snap-align:start;border-radius:8px;flex:none;width:280px;height:100%;transition:none}.oc-issue-cards__item:first-child,.oc-issue-cards__item:last-child{border-radius:8px}.oc-issue-cards__item--active{flex:none}.oc-issue-cards__title{color:#fff;font-size:16px}.oc-issue-cards__desc{opacity:1;color:#e6e6e7;max-height:none;font-size:10px}}@media not (min-width:768px){.oc-issue-cards{padding:40px 0}.oc-issue-cards__heading{padding-bottom:24px;font-size:24px}.oc-issue-cards__list{scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;gap:12px;height:354px;overflow:auto hidden}.oc-issue-cards__list::-webkit-scrollbar{display:none}.oc-issue-cards__item{scroll-snap-align:start;border-radius:8px;flex:none;width:280px;height:100%;transition:none}.oc-issue-cards__item:first-child,.oc-issue-cards__item:last-child{border-radius:8px}.oc-issue-cards__item--active{flex:none}.oc-issue-cards__title{color:#fff;font-size:16px}.oc-issue-cards__desc{opacity:1;color:#e6e6e7;max-height:none;font-size:10px}}
.oc-kv{width:100%;position:relative}.oc-kv .oc-kv-bg{object-fit:cover;width:100%;height:800px}.oc-kv .oc-kv-content{text-align:center;white-space:nowrap;flex-direction:column;align-items:center;gap:16px;display:flex;position:absolute;top:80px;left:50%;transform:translate(-50%)}.oc-kv .oc-kv-label{color:#18191b;font-size:24px;font-weight:500;line-height:1.3}.oc-kv .oc-kv-title{color:#000;font-size:56px;font-weight:500;line-height:1.3}.oc-kv .oc-kv-btn{color:#fff;cursor:pointer;background:#000;border:1px solid #000;border-radius:9999px;justify-content:center;align-items:center;gap:6px;min-width:120px;padding:12px 24px;font-size:14px;font-weight:500;line-height:1.3;text-decoration:none;transition:opacity .2s;display:inline-flex}.oc-kv .oc-kv-btn:hover{opacity:.85}@media only screen and not (max-width:1440px){.oc-kv .oc-kv-label{font-size:24px}.oc-kv .oc-kv-title{font-size:56px}}@media (max-width:1024px){.oc-kv .oc-kv-bg{height:560px}.oc-kv .oc-kv-content{gap:12px;top:40px}.oc-kv .oc-kv-label{font-size:20px}.oc-kv .oc-kv-title{font-size:36px}.oc-kv .oc-kv-btn{padding:10px 20px}}@media not (min-width:768px){.oc-kv .oc-kv-bg{aspect-ratio:375/640;height:auto}.oc-kv .oc-kv-content{white-space:normal;gap:10px;width:calc(100% - 48px);top:40px}.oc-kv .oc-kv-label{color:#fff;font-size:20px;font-weight:400}.oc-kv .oc-kv-title{color:#fff;font-size:24px}.oc-kv .oc-kv-btn{padding:9px 18px}}@keyframes oc-kv-fade-in{0%{opacity:0}to{opacity:1}}@keyframes oc-kv-fade-out{0%{opacity:1}to{opacity:0}}.oc-kv-modal-overlay{z-index:1000;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#000000d9;justify-content:center;align-items:center;animation:.25s forwards oc-kv-fade-in;display:flex;position:fixed;inset:0}.oc-kv-modal-overlay.oc-kv-modal-overlay--closing{animation:.25s forwards oc-kv-fade-out}.oc-kv-modal-inner{aspect-ratio:16/9;width:min(900px,90vw);position:relative}.oc-kv-modal-close{color:#fff;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:4px;font-size:32px;line-height:1;display:flex;position:absolute;top:-24px;right:-24px}.oc-kv-modal-close:hover{opacity:.75}.oc-kv-modal-iframe{border:none;width:100%;height:100%;display:block}
.oc-product-cards{--desktop-width:min(1440px, calc(100vw - 240px));--pad-width:calc(100vw - 96px);--h5-width:calc(100vw - 48px);padding:80px 0}@media not (min-width:768px){.oc-product-cards{padding:40px 0}}.oc-product-cards__inner{width:var(--desktop-width);grid-template-columns:repeat(2,1fr);gap:24px;margin:0 auto;display:grid}@media (max-width:1024px){.oc-product-cards__inner{width:var(--pad-width)}}@media not (min-width:768px){.oc-product-cards__inner{width:var(--h5-width);grid-template-columns:1fr;gap:16px}}.oc-product-card{background-color:#f5f5f5;border-radius:16px;flex-direction:column;display:flex;overflow:hidden}.oc-product-card__image-wrap{background:linear-gradient(0deg, #fff 0%, var(--Light-mode-BG,#f5f5f6) 100%);flex-shrink:0;justify-content:center;align-items:center;width:100%;height:320px;display:flex;overflow:hidden}.oc-product-card__image{flex-shrink:0;width:300px;height:300px;overflow:hidden}.oc-product-card__img{object-fit:contain;width:100%;height:100%;transition:transform .4s;display:block}.oc-product-card:hover .oc-product-card__img{transform:scale(1.05)}.oc-product-card__body{flex-direction:column;flex:1;gap:8px;padding:24px;display:flex}.oc-product-card__label{color:#f8200c;font-size:16px;font-weight:400;line-height:1.3;display:block}.oc-product-card__title{color:#000;margin:0;font-size:16px;font-weight:500;line-height:1.3}.oc-product-card__features{flex-direction:column;gap:4px;margin:0;padding:0;list-style:none;display:flex}.oc-product-card__feature{color:#333;font-size:14px;font-weight:400;line-height:1.5}.oc-product-card__footer{justify-content:center;align-items:center;padding:24px;display:flex}.oc-product-card__btn{color:#fff;text-align:center;cursor:pointer;background-color:#000;border:none;border-radius:9999px;justify-content:center;align-items:center;width:100%;min-width:120px;padding:11px 20px;font-size:14px;font-weight:500;line-height:1.3;text-decoration:none;transition:opacity .2s;display:inline-flex}.oc-product-card__btn:hover{opacity:.85;color:#fff}.oc-product-card__btn--sold-out{color:#fff;cursor:not-allowed;pointer-events:none;background:#c8c9cc}.oc-product-card__btn--sold-out:hover{opacity:1;color:#fff}@media (max-width:1440px){.oc-product-card__image-wrap{width:100%;height:280px}}@media (max-width:1024px){.oc-product-card{border-radius:8px}.oc-product-card__image-wrap{aspect-ratio:588/320;width:100%;height:auto}.oc-product-card__body{padding:20px 20px 16px}.oc-product-card__footer{padding:0 20px 20px}}@media not (min-width:768px){.oc-product-card{border-radius:8px}.oc-product-card__image-wrap{aspect-ratio:588/320}.oc-product-card__body{gap:6px;padding:16px 16px 12px}.oc-product-card__feature{font-size:12px}.oc-product-card__footer{padding:0 16px 16px}.oc-product-card__btn{font-size:12px}}
.oc-product-carousel{--desktop-width:min(1440px, calc(100vw - 240px));--pad-width:calc(100vw - 96px);--h5-width:calc(100vw - 48px);padding:80px 0;position:relative}@media (max-width:1024px){.oc-product-carousel{padding:48px 0}}@media not (min-width:768px){.oc-product-carousel{padding:40px 0}}.oc-product-carousel-inner{width:var(--desktop-width);margin:0 auto}@media (max-width:1024px){.oc-product-carousel-inner{width:var(--pad-width)}}@media not (min-width:768px){.oc-product-carousel-inner{width:var(--h5-width)}}.oc-product-carousel-header{padding-bottom:40px}@media not (min-width:768px){.oc-product-carousel-header{padding-left:24px;padding-right:24px}}.oc-product-carousel-title{color:#000;margin:0 0 8px;font-size:40px;font-weight:500;line-height:1.3}@media (max-width:1024px){.oc-product-carousel-title{font-size:28px}}@media not (min-width:768px){.oc-product-carousel-title{font-size:24px}}.oc-product-carousel-desc{color:#595c61;margin:0;font-size:20px;font-weight:400;line-height:1.3}@media (max-width:1024px){.oc-product-carousel-desc{font-size:16px}}@media not (min-width:768px){.oc-product-carousel-desc{font-size:14px}}.oc-product-carousel-viewport{padding-bottom:40px;overflow:hidden}@media (max-width:1024px){.oc-product-carousel-viewport{-webkit-overflow-scrolling:touch;scrollbar-width:none;max-width:100%;overflow:auto hidden}.oc-product-carousel-viewport::-webkit-scrollbar{display:none}}@media not (min-width:768px){.oc-product-carousel-viewport{scroll-snap-type:x mandatory}}.oc-product-carousel-track{will-change:transform;gap:24px;width:max-content;transition:transform .4s cubic-bezier(.4,0,.2,1);display:flex}@media (max-width:1024px){.oc-product-carousel-track{transition:none;transform:none!important}}.oc-product-carousel-card{background-color:#f5f5f6;border-radius:16px;flex-direction:column;flex:0 0 464px;width:464px;display:flex;overflow:hidden}@media (max-width:1024px){.oc-product-carousel-card{border-radius:8px;flex:0 0 320px;width:320px}}@media not (min-width:768px){.oc-product-carousel-card{scroll-snap-align:start;border-radius:8px;flex:0 0 280px;width:280px}}.oc-product-carousel-card-top{padding:24px 24px 0}.oc-product-carousel-card-heading{color:#000;max-width:280px;margin:0;font-size:24px;font-weight:500;line-height:1.3}@media (max-width:1024px){.oc-product-carousel-card-heading{font-size:20px}}@media not (min-width:768px){.oc-product-carousel-card-heading{font-size:16px}}.oc-product-carousel-card-img-wrap{flex-shrink:0;justify-content:center;align-items:center;width:100%;display:flex}.oc-product-carousel-card-img-inner{flex-shrink:0;width:280px;height:280px}@media (max-width:1024px){.oc-product-carousel-card-img-inner{width:220px;height:220px}}.oc-product-carousel-card-img{object-fit:contain;width:100%;height:100%;display:block}.oc-product-carousel-card-body{flex-direction:column;flex:1;gap:8px;padding:16px 24px;display:flex}@media (max-width:1024px){.oc-product-carousel-card-body{padding:12px 16px}}.oc-product-carousel-card-name{color:#000;margin:0;padding-bottom:8px;font-size:20px;font-weight:500;line-height:1.3}@media not (min-width:768px){.oc-product-carousel-card-name{font-size:14px}}.oc-product-carousel-card-specs{color:#000;margin:0;padding-bottom:8px;font-size:16px;font-weight:400;line-height:1.3}@media not (min-width:768px){.oc-product-carousel-card-specs{font-size:12px}}.oc-product-carousel-card-features{flex-direction:column;gap:4px;margin:0;padding:0;list-style:none;display:flex}.oc-product-carousel-card-feature{color:#696c71;padding-left:12px;font-size:16px;font-weight:400;line-height:1.3;position:relative}@media not (min-width:768px){.oc-product-carousel-card-feature{color:#696c71;font-size:10px}}.oc-product-carousel-card-feature:before{content:"•";color:#696c71;position:absolute;left:0}.oc-product-carousel-card-divider{background-color:#e6e6e7;height:1px;margin-top:8px;margin-bottom:8px}.oc-product-carousel-card-addon-label{color:#000;margin:0;padding-bottom:10px;font-size:16px;font-weight:500;line-height:1.3}.oc-product-carousel-card-addon-item{background:#fff;border-radius:8px;align-items:center;gap:10px;padding:20px 14px;display:flex}.oc-product-carousel-card-addon-img{object-fit:contain;flex:0 0 52px;width:52px;height:40px;display:block}.oc-product-carousel-card-addon-info{flex:1;min-width:0}.oc-product-carousel-card-addon-name{color:#333;white-space:nowrap;text-overflow:ellipsis;margin:0 0 2px;font-size:12px;font-weight:400;line-height:1.4;overflow:hidden}.oc-product-carousel-card-addon-price{align-items:center;gap:6px;display:flex}.oc-product-carousel-card-addon-price-now{color:#000;font-size:13px;font-weight:600}.oc-product-carousel-card-addon-price-orig{color:#999;font-size:12px;font-weight:400;text-decoration:line-through}.oc-product-carousel-card-addon-qty{flex:none;align-items:center;gap:8px;display:flex}.oc-product-carousel-card-addon-qty-btn{cursor:pointer;background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;padding:0;transition:opacity .2s;display:flex}.oc-product-carousel-card-addon-qty-btn:disabled{opacity:.4;cursor:not-allowed}.oc-product-carousel-card-addon-qty-num{color:#000;text-align:center;min-width:12px;font-size:16px;font-weight:500;line-height:1.3}.oc-product-carousel-card-footer{flex-direction:column;gap:8px;margin-top:auto;padding:16px 24px 24px;display:flex}@media (max-width:1024px){.oc-product-carousel-card-footer{padding:12px 16px 16px}}.oc-product-carousel-card-price{align-items:baseline;gap:6px;display:flex}.oc-product-carousel-card-price-label{color:#000;font-size:24px;font-weight:500}.oc-product-carousel-card-price-now{color:#000;font-size:24px;font-weight:500;line-height:1.3}.oc-product-carousel-card-price-orig{color:#696c71;font-size:16px;font-weight:400;line-height:1.3;text-decoration:line-through}.oc-product-carousel-card-affirm{color:#696c71;margin:0;font-size:12px;font-weight:400;line-height:1.3}.oc-product-carousel-card-actions{gap:10px;margin-top:4px;display:flex}.oc-product-carousel-card-btn{text-align:center;cursor:pointer;box-sizing:border-box;border-radius:9999px;flex:1;justify-content:center;align-items:center;max-height:44px;padding:11px 0;font-size:14px;font-weight:500;line-height:1.3;text-decoration:none;transition:opacity .2s;display:inline-flex}@media not (min-width:768px){.oc-product-carousel-card-btn{max-width:120px}}.oc-product-carousel-card-btn--outline{color:#000;background:0 0;border:1.5px solid #000}.oc-product-carousel-card-btn--outline:hover{opacity:.7;color:#000}.oc-product-carousel-card-btn--solid{color:#fff;background:#000;border:1.5px solid #000}.oc-product-carousel-card-btn--solid:hover{opacity:.85;color:#fff}.oc-product-carousel-card-btn--sold-out{color:#fff;cursor:not-allowed;pointer-events:none;background:#c8c9cc;border:1.5px solid #c8c9cc}.oc-product-carousel-nav{justify-content:flex-end;gap:8px;padding-bottom:40px;display:flex}@media (max-width:1024px){.oc-product-carousel-nav{display:none}}.oc-product-carousel-nav-btn{color:#333;cursor:pointer;background:#f5f5f6;border:none;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;transition:color .2s;display:flex}.oc-product-carousel-nav-btn:hover:not(.oc-product-carousel-nav-btn--disabled){color:#000}.oc-product-carousel-nav-btn--disabled{opacity:.35;cursor:default}
.oc-quality{--desktop-width:min(1440px, calc(100vw - 240px));--pad-width:calc(100vw - 96px);--h5-width:calc(100vw - 48px);padding:80px 0}.oc-quality__inner{width:var(--desktop-width);margin:0 auto}@media (max-width:1024px){.oc-quality__inner{width:var(--pad-width)}}@media not (min-width:768px){.oc-quality__inner{width:var(--h5-width)}}.oc-quality__heading{color:#18191b;text-align:center;margin:0;padding-bottom:80px;font-size:40px;font-weight:500;line-height:1.3}.oc-quality__grid{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}.oc-quality__item{flex-direction:column;display:flex}.oc-quality__img-wrap{border-radius:16px;flex-shrink:0;width:100%;height:480px;overflow:hidden}.oc-quality__img{object-fit:cover;width:100%;height:100%}.oc-quality__title{color:#18191b;margin:0;padding-top:24px;font-size:24px;font-weight:500;line-height:1.3}.oc-quality__desc{color:#595c61;white-space:pre-line;margin:0;padding-top:24px;font-size:20px;font-weight:400;line-height:1.3}@media (max-width:1440px){.oc-quality__heading{font-size:36px}.oc-quality__img-wrap{height:420px}.oc-quality__title{font-size:20px}.oc-quality__desc{font-size:16px}}@media (max-width:1024px){.oc-quality{padding:60px 0}.oc-quality .oc-quality__inner{padding:0 24px}.oc-quality__heading{margin-bottom:28px;font-size:28px}.oc-quality__grid{gap:16px}.oc-quality__img-wrap{border-radius:8px;height:320px}.oc-quality__title{padding-top:16px;font-size:18px}.oc-quality__desc{padding-top:16px;font-size:14px}}@media not (min-width:768px){.oc-quality{padding:40px 0}.oc-quality .oc-quality__inner{padding:0}.oc-quality__heading{margin-bottom:0;padding-bottom:40px;padding-left:24px;padding-right:24px;font-size:24px}.oc-quality__grid{scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;gap:15px;display:flex;overflow:auto hidden}.oc-quality__grid::-webkit-scrollbar{display:none}.oc-quality__item{scroll-snap-align:start;flex:none;width:280px;transition:none}.oc-quality__img-wrap{height:290px;aspect-ratio:unset;border-radius:8px}.oc-quality__title{padding-top:12px;font-size:16px}.oc-quality__desc{padding-top:12px;font-size:12px}}
.oc-recommended-tabs{--desktop-width:min(1440px, calc(100vw - 240px));--pad-width:calc(100vw - 96px);--h5-width:calc(100vw - 48px);padding:80px 0}.oc-recommended-tabs__inner{width:var(--desktop-width);margin:0 auto}@media (max-width:1024px){.oc-recommended-tabs__inner{width:var(--pad-width)}}@media not (min-width:768px){.oc-recommended-tabs__inner{width:var(--h5-width)}}.oc-recommended-tabs__heading{color:#000;margin:0;padding-bottom:40px;font-size:40px;font-weight:500;line-height:1.3}.oc-recommended-tabs__tab-bar{padding-bottom:40px}.oc-recommended-tabs__tab-bar-inner{background:#f5f5f6;border-radius:9999px;align-items:center;gap:4px;padding:4px;display:inline-flex;position:relative}.oc-recommended-tabs__tab-pill{will-change:transform,width;pointer-events:none;background:#18191b;border-radius:9999px;transition:transform .3s cubic-bezier(.4,0,.2,1),width .3s cubic-bezier(.4,0,.2,1);position:absolute;top:4px;bottom:4px;left:0}.oc-recommended-tabs__tab-btn{z-index:1;color:#83868a;cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:9999px;justify-content:center;align-items:center;padding:8px 20px;font-size:20px;font-weight:500;line-height:1.4;transition:color .2s;display:inline-flex;position:relative}.oc-recommended-tabs__tab-btn:hover{color:#18191b}.oc-recommended-tabs__tab-btn--active,.oc-recommended-tabs__tab-btn--active:hover{color:#fff}.oc-recommended-tabs__panels{display:grid}.oc-recommended-tabs__panel{opacity:0;pointer-events:none;border-radius:16px;grid-area:1/1;transition:opacity .4s;display:flex;overflow:hidden}.oc-recommended-tabs__panel--active{opacity:1;pointer-events:auto}.oc-recommended-tabs__img-wrap{aspect-ratio:720/480;flex:0 0 50%;width:50%;overflow:hidden}.oc-recommended-tabs__img-wrap img,.oc-recommended-tabs__img{object-fit:cover;width:100%;height:100%;display:block}.oc-recommended-tabs__content{background:#f5f5f6;flex-direction:column;flex:0 0 50%;justify-content:center;gap:12px;width:50%;min-width:0;padding:0 80px;display:flex}.oc-recommended-tabs__tag{color:#83868a;background:#e6e6e7;border-radius:9999px;align-self:flex-start;align-items:center;padding:6px 12px;font-size:14px;font-weight:500;line-height:1.3;display:inline-flex}.oc-recommended-tabs__title{color:#000;margin:0;font-size:36px;font-weight:500;line-height:1.3}.oc-recommended-tabs__desc{color:#595c61;margin:0;font-size:18px;font-weight:400;line-height:1.6}.oc-recommended-tabs__actions{flex-wrap:wrap;align-self:flex-start;align-items:center;gap:12px;margin-top:28px;display:flex}.oc-recommended-tabs__btn{cursor:pointer;border-radius:9999px;justify-content:center;align-items:center;min-width:152px;padding:12px 20px;font-size:14px;font-weight:500;line-height:1.3;text-decoration:none;transition:opacity .2s;display:inline-flex}.oc-recommended-tabs__btn--buy{color:#fff;background:#000}.oc-recommended-tabs__btn--buy:hover{opacity:.85;color:#fff}.oc-recommended-tabs__btn--learn{color:#000;background:0 0;border:1px solid #000}.oc-recommended-tabs__btn--learn:hover{opacity:.85;color:#000}.oc-recommended-tabs__btn--sold-out{color:#fff;cursor:not-allowed;pointer-events:none;background:#c8c9cc;border:none}@media (max-width:1440px){.oc-recommended-tabs{padding:80px 40px}.oc-recommended-tabs__title{font-size:30px}.oc-recommended-tabs__content{padding:40px 48px}}@media (max-width:1024px){.oc-recommended-tabs{padding:60px 24px}.oc-recommended-tabs__heading{padding-bottom:32px;font-size:32px}.oc-recommended-tabs__panels,.oc-recommended-tabs__panel{border-radius:8px}.oc-recommended-tabs__title{font-size:24px}.oc-recommended-tabs__desc{font-size:16px}.oc-recommended-tabs__content{gap:12px;padding:32px}}@media not (min-width:768px){.oc-recommended-tabs{padding:40px 0}.oc-recommended-tabs__inner{padding:0}.oc-recommended-tabs__heading{padding-bottom:30px;font-size:24px}.oc-recommended-tabs__tab-bar{-webkit-overflow-scrolling:touch;scroll-snap-type:x mandatory;scrollbar-width:none;padding:0 24px 30px;overflow-x:auto}.oc-recommended-tabs__tab-bar::-webkit-scrollbar{display:none}.oc-recommended-tabs__tab-bar-inner{flex-wrap:nowrap;min-width:max-content}.oc-recommended-tabs__tab-btn{scroll-snap-align:start;padding:6px 16px;font-size:14px}.oc-recommended-tabs__panel{border-radius:8px;flex-direction:column}.oc-recommended-tabs__img-wrap{aspect-ratio:720/480;flex:none;width:100%}.oc-recommended-tabs__content{flex:none;gap:12px;width:100%;padding:24px 16px}.oc-recommended-tabs__title{font-size:22px}.oc-recommended-tabs__desc{font-size:14px}.oc-recommended-tabs__actions{flex-direction:column;align-self:stretch;width:100%}.oc-recommended-tabs__btn{width:100%;padding:10px 24px;font-size:14px}}
.oc-section-skeleton{background:linear-gradient(90deg,#f2f3f5 0%,#e9eaec 50%,#f2f3f5 100%) 0 0/200% 100%;border-radius:16px;max-width:1440px;margin:80px auto;animation:1.4s ease-in-out infinite oc-section-skeleton-shimmer}.oc-section-skeleton--tabs{height:720px}.oc-section-skeleton--carousel{height:886px}.oc-section-skeleton--cards{height:600px}@media (max-width:1024px){.oc-section-skeleton{margin:48px auto}.oc-section-skeleton--tabs,.oc-section-skeleton--carousel{height:640px}.oc-section-skeleton--cards{height:560px}}@media not (min-width:768px){.oc-section-skeleton{border-radius:8px;margin:40px 24px}.oc-section-skeleton--tabs,.oc-section-skeleton--carousel{height:520px}.oc-section-skeleton--cards{height:900px}}@keyframes oc-section-skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}
.oc-section-a{text-align:center;color:#fff;height:400vh;position:relative}@media not (min-width:768px){.oc-section-a{height:auto}}.oc-section-a .eco-space{height:240px}@media (max-width:1024px){.oc-section-a .eco-space{height:80px}}.oc-section-a .sticky{width:100%;height:100vh;position:sticky;top:0;overflow:hidden}@media not (min-width:768px){.oc-section-a .sticky{display:none}}.oc-section-a .sectionA-banner-box{will-change:opacity;transform-origin:50%;opacity:1;z-index:20;justify-content:center;align-items:center;width:100vw;height:100vh;display:block;position:absolute;top:0;left:0}@media not (min-width:768px){.oc-section-a .sectionA-banner-box{display:none}}.oc-section-a .sectionA-banner-box svg{width:auto;max-width:100%;height:auto;max-height:100%}.oc-section-a .sectionA-svg-pc{width:100%;height:100%;display:block}@media (max-width:1024px){.oc-section-a .sectionA-svg-pc{display:none}}.oc-section-a .sectionA-svg-pad{width:100%;height:100%;display:none}@media (max-width:1024px){.oc-section-a .sectionA-svg-pad{display:block}}@media not (min-width:768px){.oc-section-a .sectionA-svg-pad{display:none}}.oc-section-a .sectionA-video{z-index:10;width:100%;height:100%;display:block;position:absolute;top:0;left:0}@media (max-width:1024px){.oc-section-a .sectionA-video video{object-position:91%;object-fit:cover}}@media not (min-width:768px){.oc-section-a .sectionA-video{display:none}}.oc-section-a .sectionA-text-box{z-index:20;will-change:opacity;opacity:0;flex-direction:column;justify-content:center;width:100%;height:100%;display:flex;position:absolute;top:0;left:0}@media (max-width:1024px){.oc-section-a .sectionA-text-box{display:none}}@media not (min-width:768px){.oc-section-a .sectionA-text-box{display:none}}.oc-section-a .sectionA-text-box .text-box-container{width:1082px;padding:0 120px}@media (max-width:1440px){.oc-section-a .sectionA-text-box .text-box-container{width:882px;padding:0 120px}}@media (max-width:1024px){.oc-section-a .sectionA-text-box .text-box-container{width:538px;padding:0 48px}}@media not (min-width:768px){.oc-section-a .sectionA-text-box .text-box-container{display:none}}.oc-section-a .sectionA-text-box .text-box-label{font-size:42px;line-height:normal;font-family:var(--ff-woff2-B);color:#e6e6e7;text-align:left}@media (max-width:1440px){.oc-section-a .sectionA-text-box .text-box-label{font-size:32px}}@media (max-width:1024px){.oc-section-a .sectionA-text-box .text-box-label{font-size:24px}}.oc-section-a .sectionA-text-box .text-box-title{font-size:52px;line-height:1.2;font-family:var(--ff-woff2-EB);color:#fff;text-align:left;margin-top:10px}@media (max-width:1440px){.oc-section-a .sectionA-text-box .text-box-title{font-size:42px}}@media (max-width:1024px){.oc-section-a .sectionA-text-box .text-box-title{font-size:32px}}.oc-section-a .sectionA-text-box .text-box-desc{font-size:44px;line-height:normal;font-family:var(--ff-woff2-B);color:#e6e6e7;text-align:left;margin-top:10px}@media (max-width:1440px){.oc-section-a .sectionA-text-box .text-box-desc{font-size:34px}}@media (max-width:1024px){.oc-section-a .sectionA-text-box .text-box-desc{font-size:24px}}.oc-section-a .mobile-container{display:none}@media not (min-width:768px){.oc-section-a .mobile-container{display:block}}.oc-section-a .mobile-container .mobile-text-box{max-width:calc(100% - 48px);margin:0 auto}.oc-section-a .mobile-container .mobile-text-label{color:#18191b;text-align:center;font-family:var(--ff-woff2-B);font-size:16px;line-height:150%}.oc-section-a .mobile-container .mobile-text-title{color:#18191b;text-align:center;font-family:var(--ff-woff2-B);margin-top:12px;margin-bottom:30px;font-size:24px;font-weight:700;line-height:26px}.oc-section-a .mobile-container .mobile-video{height:400px}.oc-section-a .mobile-container .mobile-video video{object-position:right;object-fit:cover}