.article-template__hero-container{max-width:130rem;margin:0 auto}.article-template__hero-small{height:11rem}.article-template__hero-medium{height:22rem}.article-template__hero-large{height:33rem}@media screen and (min-width:750px)and (max-width:989px){.article-template__hero-small{height:22rem}.article-template__hero-medium{height:44rem}.article-template__hero-large{height:66rem}}@media screen and (min-width:990px){.article-template__hero-small{height:27.5rem}.article-template__hero-medium{height:55rem}.article-template__hero-large{height:82.5rem}}.article-template header{margin-top:4.4rem;margin-bottom:2rem;line-height:calc(.8 / var(--font-body-scale))}@media screen and (min-width:750px){.article-template header{margin-top:5rem}}.article-template__title{margin:0}.article-template__title:not(:only-child){margin-bottom:1rem}.article-template__link{font-size:1.8rem;display:flex;justify-content:center;align-items:center;text-decoration:none}.article-template__link .icon-wrap{display:flex;margin-right:1rem;transform:rotate(180deg)}.article-template__content{margin-top:3rem;margin-bottom:3rem}.article-template__social-sharing{margin-top:3rem}.article-template__social-sharing+header,.article-template__social-sharing+.article-template__content{margin-top:1.5rem}.article-template__comment-wrapper{margin-top:5rem;padding:2.7rem 0}@media screen and (min-width:750px){.article-template__comment-wrapper{margin-top:6rem;padding:3.6rem 0}}.article-template__comment-wrapper h2{margin-top:0}.article-template__comments{margin-bottom:5rem}@media screen and (min-width:750px){.article-template__comments{margin-bottom:7rem}}.article-template__comments-fields{margin-bottom:4rem}.article-template__comments-comment{color:rgba(var(--color-foreground),.75);background-color:rgb(var(--color-background));margin-bottom:1.5rem;padding:2rem 2rem 1.5rem}@media screen and (min-width:750px){.article-template__comments-comment{padding:2rem 2.5rem}}.article-template__comments-comment p{margin:0 0 1rem}.article-template__comment-fields>*{margin-bottom:3rem}@media screen and (min-width:750px){.article-template__comment-fields{display:grid;grid-template-columns:repeat(2,1fr);grid-column-gap:4rem}}.article-template__comment-warning{margin:2rem 0 2.5rem}@media screen and (min-width:990px){.article-template__comments .pagination-wrapper{margin:5rem 0 8rem}}.article-template__back:last-child{margin-bottom:3.2rem}.blog-detail-banner{position:relative;display:flex;align-items:flex-end;min-height:clamp(480px,45vw,760px);width:100%;background-image:linear-gradient(to right,#00000073,#00000026,#0000),url(/cdn/shop/files/blog-detail-banner.webp?v=1781336651);background-size:cover;background-position:center;background-repeat:no-repeat;color:var(--color-white);padding:var(--spacing-xl) 0;box-sizing:border-box}.blog-detail-banner__content{max-width:clamp(320px,55%,680px);display:flex;flex-direction:column;gap:clamp(10px,1.2vw,18px);z-index:2;position:relative}.blog-detail-banner__read-time{display:inline-flex;align-items:center;gap:6px;font-size:clamp(14px,.45vw + 10px,20px);font-weight:600;color:var(--color-white)}.blog-detail-banner__title{font-size:clamp(24px,3.2vw + 14px,48px);font-weight:700;line-height:1.25;color:var(--color-white);margin:0}.blog-detail-banner__excerpt{font-size:clamp(14px,.55vw + 11px,24px);font-weight:400;line-height:1.6;color:var(--color-white);margin:0}.blog-detail-banner__author{display:flex;align-items:center;gap:12px;margin-top:clamp(8px,1vw,16px)}.blog-detail-banner__author-avatar{width:clamp(48px,3.5vw,60px);height:clamp(48px,3.5vw,60px);object-fit:cover;flex-shrink:0}.blog-detail-banner__author-info{display:flex;flex-direction:column;gap:2px}.blog-detail-banner__author-name{font-size:clamp(14px,.5vw + 11px,24px);font-weight:700;color:var(--color-white);line-height:1.2}.blog-detail-banner__author-role{font-size:clamp(10px,.4vw + 9px,14px);font-weight:600;color:var(--color-white);line-height:1.2}@media(max-width:767px){.blog-detail-banner__content{max-width:100%}}.article-template h2{font-size:clamp(1.5rem,.8348rem + 1.3877vw,2.5rem);margin:15px 0;font-weight:700}.article-template p,.article-template ul li,.article-template ol li{font-size:clamp(.875rem,.5424rem + .6938vw,1.375rem);margin:15px 0;font-weight:400}.article-template .img-2-col{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}.blog-detail-blockquote__box{background-color:#fff1d733;border-left:6px solid var(--color-beige);padding:clamp(24px,3vw,48px) clamp(24px,4vw,40px);margin:0;margin-top:clamp(40px,5vw,64px);margin-bottom:clamp(40px,5vw,64px);font-size:clamp(14px,.8vw + 11px,30px);font-weight:700;line-height:1.6;color:var(--color-black);font-style:normal}.blog-detail-styling-tip{margin-top:clamp(32px,4vw,48px);margin-bottom:clamp(32px,4vw,48px)}.blog-detail-styling-tip__box{background-color:#eef2fc;border-radius:10px;padding:clamp(20px,2.5vw,30px);box-sizing:border-box;display:flex;align-items:flex-start;gap:10px}.blog-detail-styling-tip__icon-wrapper{flex-shrink:0;padding-top:2px}.blog-detail-styling-tip__icon{width:22px;height:22px;object-fit:contain;display:block}.blog-detail-styling-tip__content{flex:1;display:flex;flex-direction:column;gap:8px}.blog-detail-styling-tip__title{font-size:clamp(14px,.5vw + 13px,20px);font-weight:600;color:var(--color-primary-blue);margin:0;line-height:1.2}.blog-detail-styling-tip__text{font-family:var(--font-family-primary);font-size:clamp(12px,.45vw + 10px,18px);font-weight:400;line-height:1.65;color:#4c4c4c;margin:0}.related-articles{padding:var(--spacing-2xl) 0}.related-articles h2{font-size:clamp(24px,2.5vw + 12px,40px);font-weight:600;color:var(--color-black);line-height:1.2;margin-bottom:var(--spacing-lg)}.blog-card-list__slider-wrap{position:relative;display:flex;align-items:center;gap:clamp(12px,2vw,24px);padding-bottom:50px}.blog-card-list__swiper{flex:1;min-width:0;padding-bottom:48px}.blog-card-list__swiper .swiper-slide{height:auto}.blog-card-list__nav{flex-shrink:0;position:relative;z-index:2;display:flex;align-items:center;justify-content:center;width:clamp(40px,3vw,52px);height:clamp(40px,3vw,52px);margin:0;border-radius:var(--radius-circle);background-color:#e8ecf5;border:none;cursor:pointer;transition:background-color var(--transition-base),opacity var(--transition-base)}.blog-card-list__nav:after{display:none}.blog-card-list__nav:hover{background-color:#dce3f2}.blog-card-list__nav svg{width:12px;height:12px;fill:none;stroke:var(--color-primary-blue);stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round}.blog-card-list__nav.swiper-button-disabled{opacity:.35;cursor:not-allowed}.blog-card-list__pagination{position:absolute;left:0;right:0;bottom:0;display:flex;justify-content:center;align-items:center;gap:8px}.blog-card-list__pagination .swiper-pagination-bullet{width:10px;height:10px;margin:0;opacity:1;background-color:var(--color-pagination-inactive);transition:background-color var(--transition-base)}.blog-card-list__pagination .swiper-pagination-bullet-active{background-color:var(--color-primary-blue)}@media(max-width:1800px){.blog-detail-banner__title{font-size:clamp(24px,3.2vw + 14px,40px);line-height:1.2}.blog-detail-banner__content{max-width:clamp(320px,55%,650px)}p.blog-detail-banner__excerpt{margin-top:0}.blog-detail-banner__author-role{font-size:clamp(10px,.4vw + 9px,12px);padding-top:3px}.article-template h2{font-size:clamp(1.5rem,.8348rem + 1.3877vw,2rem)}.article-template p,.article-template ul li,.article-template ol li{font-size:clamp(.875rem,.5424rem + .6938vw,1.1rem)}.blog-detail-blockquote__box{padding:clamp(24px,2.5vw,48px) clamp(24px,2.5vw,40px)}p.blog-detail-styling-tip__text{font-size:clamp(.875rem,.5424rem + .6938vw,.9rem);margin-bottom:0}.article-template ul li,.article-template ol li{margin:8px 0 0}.related-articles h2{font-size:clamp(24px,2.5vw + 12px,34px)}}@media(min-width:1480px)and (max-width:1800px){.blog-card-list__slider-wrap button.blog-card-list__nav.blog-card-list__nav--prev{position:absolute;left:-5em}.blog-card-list__slider-wrap button.blog-card-list__nav.blog-card-list__nav--next{position:absolute;right:-5em}}@media(max-width:767px){.blog-card-list__nav{display:none}.article-template .img-2-col{grid-template-columns:repeat(1,1fr)}}
/*# sourceMappingURL=/cdn/shop/t/33/assets/section-blog-post.css.map */