/*@use "variables" as *;
@use "media-query" as *;*/

.Article_main_new{
    position: relative;
    .Article_inner_new{
        .Article_mainmedia_new{ position: absolute; top: 0px; left: 0px; width: 100%; height: 100%;
            .Article_innermedia_new{ width: 100%; height: 100%;
                img{ width:100%; position:absolute; object-fit:cover; top:0; left:0; bottom:0; right:0; height:100%; object-position: top center; }
                video{ width:100%; position:absolute; object-fit:cover; top:0; left:0; bottom:0; right:0; height:100%; object-position: top center; }
            }
        }
        .Article_mainitems_new{
            position: relative; z-index: 1;
            .Article_inneritems_new{
                .Article_inneritems_mainside_new{
                    .Article_inneritems_innerside_new{ display:flex; justify-content: space-between; align-items: center; gap:20px;
                        .Article_inneritems_innerside_maindetail_new{
                            .Article_inneritems_innerside_innerdetail_new{ display: flex; align-items: center; 
                                .Article_inneritems_innerside_innerdetail_maintitle_new{ padding-right:43px;}
                                .Article_inneritems_innerside_innerdetail_maininfos_new{ max-width: 430px;
                                    .Article_inneritems_innerside_innerdetail_innerinfos_new{ font-size: 16px;}
                                }
                            }
                        }
                        .Article_inneritems_innerside_mainbutton_new{
                            .Article_inneritems_innerside_innerbutton_new{
                                a{ min-width: 208px; }
                            }
                        }
                    }
                }
                .Article_inneritems_mainloop_new{ padding-top: 53px;
                    .Article_inneritems_innerloop_new{display:flex; grid-gap: 16px;
                        .Article_inneritems_innerloop_mainblock_new{ 
                            width: calc(33.33% - 0px); border-radius: 100%;  position: relative; padding: 20px;
                            /*backdrop-filter: blur(3px);
                            -webkit-backdrop-filter: blur(3px);
                            border:1px solid rgba(255,255,255,.1);
                            background: rgba(255,255,255,0.1);*/

                            .liquidGlass-wrapper { 
                                /*box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2), 0 0 20px rgba(0, 0, 0, 0.1);*/

                                transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 2.2);
                                border-radius: 100%;
                            }

                            .liquidGlass-effect {
                                position: absolute;
                                z-index: 0;
                                inset: 0;

                                backdrop-filter: blur(3px);
                                filter: url(#glass-distortion-4);
                                overflow: hidden;
                                isolation: isolate;

                                border-radius: 100%;
                            }

                            .liquidGlass-tint {
                                z-index: 1;
                                position: absolute;
                                inset: 0;
                                background: rgba(255, 255, 255, 0.1);

                                border-radius: 100%;
                            }

                            .liquidGlass-shine {
                                position: absolute;
                                inset: 0;
                                z-index: 2;

                                overflow: hidden;

                                box-shadow: inset 2px 2px 1px 0 rgba(255, 255, 255, 0.5),
                                    inset -1px -1px 1px 1px rgba(255, 255, 255, 0.5);

                                border-radius: 100%;
                            }

                            .Article_inneritems_innerloop_mainblock_inside_new{ padding-bottom:100%; position: relative; border-radius: 100%; background: #fff; z-index:2;
                                .Article_inneritems_innerloop_innerblock_new{position: absolute; top: 0px; left: 0px; width: calc(100% - 38px);  height: calc(100% - 32px); margin: 16px 19px; overflow: hidden; border-radius: 100%; 
                                    .Article_inneritems_innerloop_innerblock_mainimage_new{
                                        .Article_inneritems_innerloop_innerblock_innerimage_new{position: relative; padding-bottom: 40.625%;
                                            background: #F1F6FD;
                                            mix-blend-mode: multiply;
                                            img{width:100%; position:absolute; object-fit:cover; top:0; left:0; bottom:0; right:0; height:100%;} 
                                            video{width:100%; position:absolute; object-fit:cover; top:0; left:0; bottom:0; right:0; height:100%;}
                                        }
                                    }
                                    .Article_inneritems_innerloop_innerblock_mainboths_new{
                                        padding-top: 24px;
                                        padding-bottom: 40px;
                                        display: flex;
                                        align-items: center;
                                        justify-content: center;
                                        flex: 1;
                                        height: calc(100% - 40.625%);
                                        .Article_inneritems_innerloop_innerblock_innerboths_new{
                                            .Article_inneritems_innerloop_innerblock_innerboths_title_new{ 
                                                a{ display: block; }
                                                text-wrap: initial;
                                                text-align: center; font-size: 28px;line-height: 112%; color: #081C3E; letter-spacing: -0.56px; text-transform: capitalize; max-width:280px; height: 96px; margin:auto; overflow: hidden;
                                                /* The box was a fixed height with overflow:hidden and nothing else,
                                                   so a long headline was cut off mid-word with no sign it continued.
                                                   "Breaking Down the Science: A Comprehensive Comparison of Barrier
                                                   Repair Products (BRPs)" needs 191px on a 390px screen and got 93px,
                                                   losing half of itself silently. Clamping instead puts an ellipsis on
                                                   the third line, so the truncation reads as deliberate.

                                                   Set here on the base rule only, because every breakpoint's height is
                                                   already exactly three lines at its own font size: 93/31.36 at 28px,
                                                   68/22.4 at 20px, 57/19.04 at 17px, 81/26.88 at 24px. One clamp value
                                                   is therefore correct at all of them and no height has to move. */
                                                display: -webkit-box;
                                                -webkit-box-orient: vertical;
                                                -webkit-line-clamp: 3;
                                            }
                                            .Article_inneritems_innerloop_innerblock_innerboths_links_new{
                                                padding-top: 20px;
                                                a{ min-width:152px; padding: 12px; }
                                            }
                                        }
                                    }
                                }
                            }
                        }
                    }
                }
            }
        }
    }
}

@media(min-width:0px) and (max-width:749px) {

    .Article_main_new{
        overflow: hidden;
        .Article_inner_new{
            .Article_mainitems_new{
                .page-width{padding: 0px;}
                .Article_inneritems_new{
                    .Article_inneritems_mainside_new{
                        padding: 0px 20px;
                        .Article_inneritems_innerside_new{
                            display:block;
                            max-width:335px; margin: auto;
                            .Article_inneritems_innerside_maindetail_new{
                                .Article_inneritems_innerside_innerdetail_new{ display:block; max-width:100%; text-align: center;
                                    .Article_inneritems_innerside_innerdetail_maintitle_new{width:100%; padding-right:0px;}
                                    .Article_inneritems_innerside_innerdetail_maininfos_new{ max-width:100%; padding-top:16px;
                                        .Article_inneritems_innerside_innerdetail_innerinfos_new{ font-size: 18px; }
                                    }
                                }
                            }
                            .Article_inneritems_innerside_mainbutton_new{
                                .Article_inneritems_innerside_innerbutton_new{
                                    a{min-width: 100%;}
                                }
                            }
                        }
                    }
                    .Article_inneritems_mainloop_new{
                        padding-top: 32px;
                        .Article_inneritems_innerloop_new{
                            display:block;
                            .Article_inneritems_innerloop_mainblock_new{ width:calc(100% + 57px); margin:-56px -28px 0px -28px; position: relative; 
                                &:first-child{margin-top: 0px;}
                                .Article_inneritems_innerloop_mainblock_inside_new{
                                    background: #F4F4F8;
                                }
                            }
                        }
                    }
                    .Article_inneritems_mainbutton_new {padding: 32px 20px 0px 20px;
                        .Article_inneritems_innerbutton_new{
                            a{ min-width: 288px; }
                        }
                    }
                }
            }
        }
    }
}

@media(min-width:750px) and (max-width:989px) {

    .Article_main_new{
        .Article_inner_new{
            .Article_mainitems_new{
                .Article_inneritems_new{
                    .Article_inneritems_mainside_new{
                        .Article_inneritems_innerside_new{ 
                            .Article_inneritems_innerside_maindetail_new{
                                .Article_inneritems_innerside_innerdetail_new{ 
                                    .Article_inneritems_innerside_innerdetail_maintitle_new{ padding-right:30px;}
                                }
                            }
                        }
                    }
                    .Article_inneritems_mainloop_new{ padding-top: 40px;
                        .Article_inneritems_innerloop_new{ flex-wrap: wrap; justify-content: center;
                            .Article_inneritems_innerloop_mainblock_new{ 
                                width: calc(50% - 8px); 
                                .Article_inneritems_innerloop_mainblock_inside_new{ 
                                    .Article_inneritems_innerloop_innerblock_new{
                                        .Article_inneritems_innerloop_innerblock_mainboths_new{padding-top: 16px; padding-bottom: 26px;
                                            .Article_inneritems_innerloop_innerblock_innerboths_new{
                                                .Article_inneritems_innerloop_innerblock_innerboths_title_new{ 
                                                    font-size: 20px; max-width: 200px; height: 68px;
                                                }
                                                .Article_inneritems_innerloop_innerblock_innerboths_links_new{
                                                    padding-top: 16px;
                                                    a{ min-width:142px; font-size: 14px; line-height: 14px; }
                                                }
                                            }
                                        }
                                    }
                                }
                            }
                        }
                    }
                }
            }
        }
    } 
}

@media(min-width:990px) and (max-width:1200px) {

    .Article_main_new{
        .Article_inner_new{
            .Article_mainitems_new{
                .Article_inneritems_new{
                    .Article_inneritems_mainloop_new{
                        .Article_inneritems_innerloop_new{ 
                            .Article_inneritems_innerloop_mainblock_new{ 
                                .Article_inneritems_innerloop_mainblock_inside_new{ 
                                    .Article_inneritems_innerloop_innerblock_new{
                                        .Article_inneritems_innerloop_innerblock_mainboths_new{padding-top: 14px; padding-bottom: 24px;
                                            .Article_inneritems_innerloop_innerblock_innerboths_new{
                                                .Article_inneritems_innerloop_innerblock_innerboths_title_new{ 
                                                    font-size: 17px;
                                                    max-width: 160px;
                                                    height: 57px;
                                                }
                                                .Article_inneritems_innerloop_innerblock_innerboths_links_new{
                                                    padding-top: 14px;
                                                    a{ min-width:142px; font-size: 14px; line-height: 14px; padding:10px; }
                                                }
                                            }
                                        }
                                    }
                                }
                            }
                        }
                    }
                }
            }
        }
    } 
}

@media(min-width:1201px) and (max-width:1439px) {

    .Article_main_new{
        .Article_inner_new{
            .Article_mainitems_new{
                .Article_inneritems_new{
                    .Article_inneritems_mainloop_new{
                        .Article_inneritems_innerloop_new{ 
                            .Article_inneritems_innerloop_mainblock_new{ 
                                .Article_inneritems_innerloop_mainblock_inside_new{ 
                                    .Article_inneritems_innerloop_innerblock_new{
                                        .Article_inneritems_innerloop_innerblock_mainboths_new{padding-top: 18px; padding-bottom: 26px;
                                            .Article_inneritems_innerloop_innerblock_innerboths_new{
                                                .Article_inneritems_innerloop_innerblock_innerboths_title_new{ 
                                                    font-size: 24px;
                                                    max-width: 230px;
                                                    height: 81px;
                                                }
                                                .Article_inneritems_innerloop_innerblock_innerboths_links_new{
                                                    padding-top: 18px;
                                                }
                                            }
                                        }
                                    }
                                }
                            }
                        }
                    }
                }
            }
        }
    } 
}