.container{&.archive-header{padding:60px 60px 0 60px;margin-top:90px;@media (max-width:1240px){padding:60px 30px 0 30px}@media (max-width:767px){padding:20px 20px 0 20px;margin-top:60px}}&.archive-content{padding:80px 60px;@media (max-width:1240px){padding:80px 30px}@media (max-width:767px){padding:40px 20px}&.audience-page{margin-top:90px;@media (max-width:767px){margin-top:60px}}ul.breadcrumb-list{display:flex;width:100%;gap:8px;margin:0 0 16px 0;list-style:none;padding:0;li.breadcrumb-item{font-family:"LINESeedSansTH",Sans-serif;font-size:16px;font-weight:400;line-height:1.5em;color:#FFF;a{color:#FFF;transition:0.3s all ease;&:hover{color:#f36523}}&:not(:last-child)::after{content:">";margin-left:8px;color:#FFF}}}.title{display:flex;font-family:"LINESeedSansTH",Sans-serif;font-size:40px;font-weight:400;line-height:1.2em;color:#FFF;width:100%;margin-bottom:40px}}.inner{max-width:1200px;margin:0 auto;display:flex;flex-direction:column;align-items:center;@media (max-width:1240px){max-width:1024px}}}.archive-box{font-family:"LINESeedSansTH",Sans-serif;position:relative;display:flex;flex-direction:column;justify-content:flex-end;background-color:#6d6d6d;border-radius:20px;padding:40px;width:100%;min-height:400px;overflow:hidden;&.bg-ai{background-image:url(/wp-content/uploads/2025/08/futuristic-ai-chip-circuit-board-scaled.webp);background-position:center center;background-repeat:no-repeat;background-size:cover;&::before{background-image:linear-gradient(200deg,#00000000 0%,#000000 62%)}}&.bg-orange{background-image:url(/wp-content/uploads/2025/08/9563801-scaled.webp);background-position:center center;background-repeat:no-repeat;background-size:cover;&::before{background-image:linear-gradient(180deg,#00000000 0%,#000000 100%);opacity:1}}&.bg-blue{background-image:url(/wp-content/uploads/2025/10/9109113-scaled.webp);background-position:top center;background-repeat:no-repeat;background-size:cover;&::before{background-image:linear-gradient(180deg,#00000000 0%,#000000 100%);opacity:1}}&.speaker{flex-direction:row;justify-content:flex-start;align-items:end;gap:24px;.archive-thumbnail{max-width:270px;overflow:hidden;border-radius:20px;margin-bottom:-40px;img{width:100%;height:100%;object-fit:cover;object-position:center}}}&.service{.archive-detail{.archive-title{margin-bottom:4px}}}&::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:#fff0;background-image:linear-gradient(180deg,#00000000 50%,#000000 100%);opacity:.5;z-index:0}.archive-detail{display:flex;flex-direction:column;.archive-title,.archive-sub-title,.archive-description{position:relative;z-index:1}.archive-title{font-size:48px;font-weight:400;line-height:1.2em;color:#fff;margin-bottom:10px}.archive-sub-title{font-size:32px;font-weight:400;line-height:1.2em;color:#fff;margin-bottom:10px}.archive-description{font-size:16px;font-weight:400;line-height:1.5em;color:#c5c5c5;max-width:600px}}}.tax-title{font-family:"LINESeedSansTH",Sans-serif;font-size:32px;font-weight:400;line-height:1.2em;color:#FFF;width:100%;margin:60px 0 30px 0;&:first-child{margin-top:0}}.archive-box,.grid-listing,.grid-speaker-listing{position:relative;z-index:1}.filter-button-group{width:100%;margin-bottom:24px;ul{display:flex;flex-wrap:wrap;gap:16px;list-style:none;color:#fff;margin:0;li{display:flex;align-items:center;padding:8px 16px;border:2px solid #FFF;border-radius:30px;cursor:pointer;transition:0.3s all ease;*{font-family:"LINESeedSansTH",Sans-serif;font-size:16px;font-weight:400;line-height:1.5em}&.active,&:hover{background-color:#f36523;border-color:#f36523;color:#FFF}}}}.grid{display:grid;gap:30px;height:unset!important}.grid-item{position:unset!important}.grid-listing{grid-template-columns:repeat(3,1fr);.listing{border-radius:20px;overflow:hidden;&:hover img{scale:1.1}.thumbnail-listing{overflow:hidden;img{position:relative;width:100%;aspect-ratio:3 / 2;object-fit:cover;object-position:top;transition:0.3s all ease}}.content-listing{padding:25px;background-color:#eee;flex:1;.title-listing{color:#0a0a0a;transition:0.3s all ease;&:hover{color:#f36523}}.excerpt-listing{margin-top:8px!important;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}}}}.home-grid{grid-template-columns:repeat(4,1fr);gap:20px}.listing{display:flex;flex-direction:column}.title-listing{font-family:"LINESeedSansTH",Sans-serif;font-size:20px;font-weight:700;line-height:1.2em}.description-listing,.excerpt-listing{font-family:"LINESeedSansTH",Sans-serif;font-size:16px;font-weight:400;line-height:1.5em}.full-circle-bg{position:absolute;top:-30%;right:-30%;width:2400px;margin:-200px;z-index:0}.grid-speaker-listing{grid-template-columns:repeat(4,1fr);grid-column-gap:30px;grid-row-gap:60px;.listing{&:hover img{scale:1.1}.thumbnail-listing{height:350px;overflow:hidden;border-radius:20px;margin-bottom:16px;background:linear-gradient(180deg,rgb(109 109 109) 0%,rgb(65 64 66) 100%);box-shadow:4px 4px 20px 4px rgb(0 0 0 / .1);-webkit-box-shadow:4px 4px 20px 4px rgb(0 0 0 / .1);-moz-box-shadow:4px 4px 20px 4px rgb(0 0 0 / .1);a.img-link{display:flex;height:100%;img{position:relative;width:100%;object-fit:cover;object-position:top;margin:30px 0 -30px 0;transition:0.3s all ease}}}.content-listing{.title-listing{color:#f36523;text-align:center;margin-bottom:10px}.description-listing{color:#FFF;text-align:center}}}}@media (max-width:1240px){.grid{gap:24px;grid-template-columns:repeat(3,1fr)}}@media (max-width:1023px){.full-circle-bg{top:0}.grid{gap:16px;grid-template-columns:repeat(2,1fr)}.grid-speaker-listing{grid-row-gap:30px}.grid-listing{.listing{.content-listing{padding:18px}}}}@media (max-width:767px){.full-circle-bg{top:20%;right:0}.container.archive-content .title{font-size:24px;margin-bottom:24px}.archive-box{padding:20px;min-height:300px;.archive-detail{.archive-title{font-size:32px}.archive-sub-title{font-size:20px}.archive-description{font-size:16px}}&.speaker{.archive-detail{position:absolute;width:100%;right:0;bottom:0;padding:20px;background:linear-gradient(180deg,#fff0 0%,rgb(65 64 66) 100%)}}}.grid{grid-template-columns:repeat(1,1fr)}.grid-speaker-listing{max-width:300px;.listing .thumbnail-listing{max-height:300px;a.img-link img{max-height:300px}}}.tax-title{font-size:24px;margin:40px 0 20px 0}.title-listing{font-size:18px;margin-bottom:5px!important}.description-listing,.excerpt-listing{font-size:14px}}