.three-boxes .row{display:flex;gap:4rem;justify-content:space-between}.three-boxes .row>div{width:50%}.three-boxes .col{display:flex;flex-direction:column;gap:4rem}.three-boxes .label{border:1px solid #000000;border-radius:25px;padding:.5rem 2rem}.three-boxes .button{width:100%;max-width:399px;height:131px;border-radius:22px;background:#ffffff1a;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:rgba(var(--color-foreground));justify-content:space-between;padding:0 3rem;margin:1rem 2rem;gap:3rem}.three-boxes .button div{display:flex;justify-content:flex-start;align-items:center;gap:2rem;width:100%}.three-boxes .button div span{width:100%}.three-boxes .button div svg{min-width:32px}.three-boxes .button>svg{min-width:38px}.three-boxes .cover{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;object-position:top}.three-boxes .box-1,.three-boxes .box-2,.three-boxes .box-3{border-radius:25px;overflow:hidden;padding:4rem;position:relative;display:flex;flex-direction:column;justify-content:space-between}.three-boxes .box-1{width:50%;height:758px}.three-boxes .box-2{background:#f2f1f6;height:50%}.three-boxes .box-2 .button{margin:0}.three-boxes .box-3{height:50%}.three-boxes .box-3 .cover{object-position:bottom}.three-boxes .box-3 .button{margin:0}.articles-list .hxl{font-family:PP Fragment Glare,serif}.articles-list ul{display:flex;flex-direction:column;gap:9rem}.articles-list ul li{display:flex;gap:7rem}.articles-list ul li .img{border-radius:25px;overflow:hidden;width:45%;min-width:45%;height:353px}.articles-list ul li .img img{width:100%;height:100%;object-fit:cover;object-position:top}.articles-list ul li .time{border:1px solid #000000;border-radius:25px;padding:.5rem 2rem;display:inline-block}.articles-list ul li .content{display:flex;flex-direction:column;justify-content:space-between;line-height:1.4}.articles-list ul li .content h2{font-family:PP Fragment Glare,serif;width:60%;text-transform:capitalize;line-height:1}.articles-list ul li .content h2 a{text-decoration:none;color:inherit}.articles-list ul li .content .summary{line-height:1.4}@media screen and (max-width: 749px){.three-boxes .row{flex-direction:column;gap:2rem}.three-boxes .row>div{width:100%}.three-boxes .row .box-1{width:100%;height:376px;padding:3rem 2.5rem}.three-boxes .col{gap:2rem}.three-boxes .button{margin:0;height:87px;gap:0}.three-boxes .button div svg{width:21px;min-width:21px;height:23px}.three-boxes .button svg{width:32px;min-width:32px;height:32px}.three-boxes .button span{font-size:1.3rem;line-height:1.2}.three-boxes .box-2,.three-boxes .box-3{padding:2rem;height:170px}.articles-list ul li{flex-direction:column;gap:3rem}.articles-list ul li .img{width:100%;min-width:100%;height:185px}.articles-list ul li .img .time{position:absolute;top:1.5rem;left:1.5rem;padding:.9rem 2rem}.articles-list ul li .content h2{margin-top:0}.articles-list ul li .content p{width:100%}}.page-journal .hxl{font-family:PP Fragment Glare,serif}.page-journal .tags{display:flex;gap:1.5rem;margin-bottom:5rem}.page-journal .tags li:nth-child(2) a{padding:1rem 6rem}.page-journal .tags li a{height:47px;display:flex;justify-content:center;align-items:center;border:1px dashed #000;border-radius:25px;padding:1rem 4rem;font-size:2rem;white-space:nowrap;text-decoration:none;color:#000}.page-journal .tags li.selected a{background:#000;color:#fff}.page-journal .three-boxes{margin-bottom:15rem}.page-journal .articles-list .hxl{margin-bottom:8rem}.page-journal .articles-list ul li{gap:15rem}.page-journal .articles-list ul li .content{justify-content:center;position:relative}.page-journal .articles-list ul li .content div>*{width:70%}.page-journal .articles-list ul li .content .more{color:rgba(var(--color-foreground));width:70%;display:block;text-align:right;position:absolute;bottom:1rem}.page-journal .articles-grid{margin-top:15rem}.page-journal .articles-grid ul{display:flex;flex-wrap:wrap;column-gap:8rem;row-gap:11rem}.page-journal .articles-grid ul li{width:calc(33% - (16rem / 3));display:flex;flex-direction:column;position:relative}.page-journal .articles-grid ul li .img{height:237px;border-radius:25px;overflow:hidden}.page-journal .articles-grid ul li .img img{width:100%;height:100%;object-fit:cover}.page-journal .articles-grid ul li .content{padding-bottom:5rem}.page-journal .articles-grid ul li .content a{color:rgba(var(--color-foreground));text-decoration:none}.page-journal .articles-grid ul li .content a.more{text-decoration:underline;display:block;width:100%;text-align:right;font-size:1.5rem;margin-top:3rem;position:absolute;bottom:0}.page-journal .articles-grid ul li .content>*{line-height:1.4;font-size:1.3rem}.page-journal .articles-grid ul li .content h2{font-size:2.4rem;line-height:1;text-transform:capitalize}@media screen and (max-width: 749px){.page-journal>.page-width{padding:0 1.5rem}.page-journal>.page-width>.hxl{font-size:4.8rem;margin-top:1rem}.page-journal .tags{overflow-x:auto}.page-journal .tags::-webkit-scrollbar{display:none}.page-journal .tags li:nth-child(2) a{width:auto;padding:0 2.5rem}.page-journal .tags li a{font-size:1.3rem;height:24px;padding:0 2rem}.page-journal .three-boxes{margin-bottom:5rem}.page-journal .three-boxes .button{background:#fff6}.page-journal .articles-list .hxl{margin-bottom:4rem}.page-journal .articles-list ul{gap:6rem}.page-journal .articles-list ul li{gap:2rem}.page-journal .articles-list ul li .time{border:1px dashed #000000;background:#fff6}.page-journal .articles-list ul li .img .time{padding:.8rem 2rem}.page-journal .articles-list ul li .content{padding-bottom:3rem}.page-journal .articles-list ul li .content .summary{width:100%}.page-journal .articles-list ul li .content h2{width:70%}.page-journal .articles-list ul li .content .more{width:100%;bottom:0}.page-journal .articles-grid{margin-top:10rem}.page-journal .articles-grid ul{column-gap:2rem;row-gap:5rem}.page-journal .articles-grid ul li{width:calc(50% - 1rem)}.page-journal .articles-grid ul li .img{height:144px;border-radius:20px}.page-journal .articles-grid ul li .img .time{display:none}.page-journal .articles-grid ul li .content .summary{line-height:1.2;overflow:hidden;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;padding-bottom:.3rem}.page-journal .articles-grid ul li .content h2{font-size:1.8rem;line-height:1.2}.page-journal .articles-grid ul li .content a.more{font-size:1.3rem;line-height:1.4}}
/*# sourceMappingURL=/cdn/shop/t/26/assets/component-journal.css.map */
