
.card__sq {
    display: none !important;
}

.card__meta {
    padding-bottom: 60px !important; 
    position: relative;
}

.card__title {
    white-space: normal !important; 
    overflow: visible !important; 
    text-overflow: clip !important; 
    display: block !important;
}
.about-page{background:#fff;color:#000;font-family:"Bai Jamjuree",sans-serif}.about-hero{position:relative;padding:160px 0 130px;overflow:hidden;background:url(/img/background/comfortable-modern-sofa-luxury-armchair-illuminated-electric-lamp-generated-by-ai.jpg) center/cover no-repeat}.about-hero::before{content:"";position:absolute;inset:0;background:inherit;transform:scale(1.15);filter:brightness(.65) contrast(1.1) saturate(1.05);animation:heroZoom 14s ease forwards;z-index:0}.about-hero::after{content:"";position:absolute;inset:-260px;background:radial-gradient(circle at 15% 25%,rgb(0 115 180 / .14),transparent 60%),radial-gradient(circle at 80% 30%,rgb(0 43 69 / .12),transparent 55%),radial-gradient(circle at 60% 90%,rgb(0 115 180 / .10),transparent 55%),linear-gradient(to bottom,rgb(0 0 0 / .45),rgb(255 255 255 / .10));opacity:.95;animation:bgFloat 10s ease-in-out infinite alternate;z-index:1;pointer-events:none}.about-hero-bg{position:absolute;inset:-260px;background:radial-gradient(circle at 30% 20%,rgb(255 255 255 / .28),transparent 55%),radial-gradient(circle at 75% 65%,rgb(255 255 255 / .18),transparent 60%);mix-blend-mode:overlay;opacity:.55;animation:floatGlow 12s ease-in-out infinite alternate;z-index:1;pointer-events:none}@keyframes heroZoom{from{transform:scale(1.22)}to{transform:scale(1.08)}}@keyframes bgFloat{0%{transform:translateY(0)}100%{transform:translateY(-40px)}}@keyframes floatGlow{0%{transform:translateY(0)}100%{transform:translateY(-35px)}}.about-hero-wrap{position:relative;z-index:2;display:grid;grid-template-columns:1.05fr .95fr;gap:90px;align-items:center}@media(max-width:950px){.about-hero-wrap{grid-template-columns:1fr;gap:70px}}.about-tag{font-size:12px;letter-spacing:.45em;color:#fff;font-weight:600}.about-hero-text h1{font-size:clamp(3rem,5vw,4.2rem);margin:16px 0 18px;letter-spacing:.02em;line-height:1.05;color:#fff}.about-hero-text p{font-size:1.05rem;line-height:1.9;color:rgb(255 255 255 / .78);max-width:520px;margin-bottom:36px}.about-hero-actions{display:flex;gap:14px;flex-wrap:wrap}.btn-primary{display:inline-flex;align-items:center;gap:10px;padding:14px 28px;border-radius:50px;background:linear-gradient(135deg,#065485,#003f66);color:#fff;text-decoration:none;font-size:13px;letter-spacing:.18em;font-weight:500;transition:transform .4s cubic-bezier(.4,0,.2,1),box-shadow .4s ease}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 28px 70px rgb(0 43 69 / .25)}.btn-outline{display:inline-flex;align-items:center;gap:10px;padding:14px 28px;border-radius:50px;border:1px solid rgb(255 255 255 / .35);color:#fff;text-decoration:none;font-size:13px;letter-spacing:.18em;font-weight:500;background:rgb(255 255 255 / .10);backdrop-filter:blur(8px);transition:transform .4s ease,box-shadow .4s ease}.btn-outline:hover{transform:translateY(-2px);box-shadow:0 20px 55px rgb(0 0 0 / .25)}.about-hero-card{position:relative;padding:46px;border-radius:24px;overflow:hidden;border:1px solid rgb(255 255 255 / .22);box-shadow:0 55px 140px rgb(0 0 0 / .12);backdrop-filter:blur(16px);transition:transform .9s ease,box-shadow .9s ease}.about-hero-card:hover{transform:translateY(-6px);box-shadow:0 70px 170px rgb(0 0 0 / .16)}.about-hero-card .card-bg{position:absolute;inset:0;background:var(--bg,linear-gradient(140deg,#f6f8fb,#e9eef5));background-size:cover;background-position:center;background-repeat:no-repeat;filter:brightness(.88) contrast(1.08) saturate(1.05);transform:scale(1.08);transition:transform 2.8s ease;z-index:0}.about-hero-card:hover .card-bg{transform:scale(1.18)}.about-hero-card::after{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:radial-gradient(circle at 20% 15%,rgb(255 255 255 / .38),transparent 55%),radial-gradient(circle at 80% 70%,rgb(0 43 69 / .12),transparent 65%),linear-gradient(to bottom,rgb(0 0 0 / .10),transparent 55%);opacity:.95}.about-hero-card::before{content:"";position:absolute;inset:-120px;z-index:1;pointer-events:none;background:linear-gradient(120deg,transparent,rgb(255 255 255 / .55),transparent);transform:translateX(-70%) rotate(12deg);opacity:.20;animation:shine 7.5s ease-in-out infinite}@keyframes shine{0%{transform:translateX(-70%) rotate(12deg)}55%,100%{transform:translateX(70%) rotate(12deg)}}.about-hero-card>*{position:relative;z-index:2}.hero-card-head h3{margin:0 0 10px;font-size:22px;color:#fff}.hero-card-head p{margin:0 0 34px;color:rgb(255 255 255 / .6);line-height:1.7;font-size:14px}.hero-card-stats{display:grid;grid-template-columns:1fr 1fr;gap:16px}.hero-card-stats .stat{padding:18px;border-radius:18px;background:rgb(255 255 255 / .65);border:1px solid rgb(0 0 0 / .05);backdrop-filter:blur(10px)}.hero-card-stats .stat strong{display:block;font-size:28px;font-weight:700;color:var(--accent)}.hero-card-stats .stat span{font-size:12px;letter-spacing:.22em;text-transform:uppercase;color:rgb(0 0 0 / .55)}.hero-card-stats .stat:nth-child(3){grid-column:1/-1}.about-hero-bg{animation:floatGlow 10s ease-in-out infinite alternate}@keyframes floatGlow{0%{transform:translateY(0)}100%{transform:translateY(-35px)}}.about-hero-text h1{position:relative;text-shadow:0 25px 90px rgb(0 43 69 / .25)}.story-visual img{transition:transform 1.2s ease,filter 1.2s ease}.story-visual:hover img{transform:scale(1.04);filter:saturate(1.08) contrast(1.05)}.value-card{position:relative;overflow:hidden}.value-card::after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 30% 20%,rgb(0 115 180 / .10),transparent 60%);opacity:0;transition:opacity .6s ease}.value-card:hover::after{opacity:1}.timeline-list::before{box-shadow:0 0 35px rgb(0 43 69 / .08)}.about-cta{position:relative;overflow:hidden}.about-cta::before{content:"";position:absolute;inset:-200px;background:radial-gradient(circle at 20% 30%,rgb(255 255 255 / .22),transparent 60%),radial-gradient(circle at 80% 70%,rgb(255 255 255 / .14),transparent 60%);opacity:.8}.about-cta .cta-wrap{position:relative;z-index:2}.hero-v2__arrow{position:absolute;left:50%;bottom:26px;transform:translateX(-50%);background:none;border:0;cursor:pointer;animation:arrowFloat 2s infinite}.hero-v2__arrow svg{stroke:#d1d5db;opacity:.7;transition:.2s}.hero-v2__arrow:hover svg{opacity:1;transform:translateY(2px)}.hero-v2__arrow span{font-weight:700;font-size:.9rem;color:#fff;text-shadow:0 2px 8px rgb(0 0 0 / .45)}@keyframes arrowFloat{0%,100%{transform:translate(-50%,0)}50%{transform:translate(-50%,6px)}}.toolbar-tags{width:100%;margin:0 0 20px}.toolbar{background:#fff;border:1px solid #e5e7eb;border-radius:20px;padding:16px 20px;box-shadow:0 8px 22px rgb(0 0 0 / .06)}.toolbar .inner{display:flex;flex-direction:column;gap:18px}.search{position:relative;display:flex;align-items:center;width:100%}.search svg{position:absolute;left:14px}.search input{width:100%;padding:12px 16px 12px 42px;font-size:15px;border:1px solid #e5e7eb;border-radius:16px;background:linear-gradient(#fff,#f9fafb);color:#374151;box-shadow:0 4px 12px rgb(0 0 0 / .04);transition:.25s}.search input:focus{outline:none;border-color:#2563eb;box-shadow:0 0 0 3px rgb(37 99 235 / .25)}.bottom{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:nowrap}.select{display:flex;gap:14px;width:100%;flex-wrap:wrap}.select-box{position:relative;flex:1;min-width:160px}.select-box select{appearance:none;width:100%;padding:12px 42px 12px 16px;font-size:15px;border:1px solid #e5e7eb;border-radius:16px;background:linear-gradient(#fff,#f9fafb);color:#374151;box-shadow:0 4px 12px rgb(0 0 0 / .05);transition:.25s;cursor:pointer}.select-box select:hover{border-color:#002B45;box-shadow:0 6px 18px rgb(0 0 0 / .12)}.select-box select:focus{outline:none;border-color:#002B45;box-shadow:0 0 0 3px rgb(37 99 235 / .25)}.select-box::after{content:"";position:absolute;right:16px;top:50%;width:0;height:0;border-left:6px solid #fff0;border-right:6px solid #fff0;border-top:7px solid #6b7280;transform:translateY(-50%);pointer-events:none;transition:.25s}.select-box:hover::after{border-top-color:#002B45}.btn{padding:12px 20px;border-radius:16px;background:#f3f4f6;border:1px solid #e5e7eb;font-size:15px;font-weight:700;color:#374151;cursor:pointer;box-shadow:0 4px 12px rgb(0 0 0 / .04);transition:.25s;flex-shrink:0}.btn:hover{background:#e5e7eb;box-shadow:0 6px 16px rgb(0 0 0 / .12)}@media(max-width:768px){.bottom,.select{flex-direction:column}.select-box,.btn{width:100%}.bottom{gap:12px}}.catalog{background:var(--soft);padding:24px 0 6px}.grid{display:grid;gap:28px;justify-content:center}@media(min-width:700px){.grid{grid-template-columns:repeat(2,460px)}}@media(min-width:1200px){.grid{grid-template-columns:repeat(3,460px)}}.card{position:relative;display:block;text-decoration:none;color:inherit;background:#fff;border-radius:24px;overflow:hidden;border:1px solid rgb(0 0 0 / .06);box-shadow:0 8px 28px rgb(0 0 0 / .08);transition:.35s;transform:translateY(0);width:460px;min-height:430px;margin:0 auto}.card:hover{transform:translateY(-10px);box-shadow:0 18px 45px rgb(0 0 0 / .13)}.card:before{content:"";position:absolute;inset:0;border-radius:24px;padding:2px;background:linear-gradient(130deg,#ffd954,#00121f,#002B45,#ffd954);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;transition:.35s}.card:hover:before{opacity:1}.card__media{position:relative;aspect-ratio:16/10;overflow:hidden;background:#0b1220}.card__media img{width:100%;height:100%;object-fit:cover;transition:transform .6s cubic-bezier(.25,.8,.25,1)}.card:hover .card__media img{transform:scale(1.15)}.card__media:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 30%,rgb(255 255 255 / .25),#fff0);opacity:0;transition:.4s}.card:hover .card__media:after{opacity:1}.card__meta{padding:18px 20px 42px}.card__title{margin:0 0 10px;font-size:1.2rem;font-weight:800;color:#0f172a}.card__sq{margin:0;font-size:.95rem;color:#475569;line-height:1.55}.taglist{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px}.taglist span{font-size:.78rem;padding:6px 14px;font-weight:700;color:#1e293b;background:#f1f5f9;border-radius:999px;transition:.25s}.taglist span:hover{background:#e2e8f0;transform:translateY(-2px)}.more{position:absolute;right:20px;bottom:20px;padding:10px 18px;display:inline-flex;align-items:center;gap:8px;background:#fff;border:1px solid #e2e8f0;border-radius:999px;font-size:.9rem;font-weight:800;box-shadow:0 10px 26px rgb(0 0 0 / .12);transition:.25s}.more:hover{background:#f8fafc;transform:translateX(4px)}.pager{background:#fff;border-top:1px solid var(--line);margin-top:8px}.pager__inner{max-width:var(--max);margin:auto;padding:16px;display:flex;justify-content:center;gap:10px;flex-wrap:wrap}.pager__btn,.pager__num{min-width:42px;height:42px;border-radius:12px;border:1px solid var(--line);background:#fff;font-weight:700;cursor:pointer}.pager__btn:hover{background:#f7f7f7;transform:translateY(-1px)}.pager__btn:disabled{opacity:.45;cursor:not-allowed}.pager__num.active{border-color:var(--gold);box-shadow:0 10px 22px rgb(212 175 55 / .18)}.pager__info{color:#334155;font-weight:700;margin-left:6px}@media(max-width:1024px){.pager__btn,.pager__num{min-width:38px;height:38px;font-size:.95rem}.pager__info{font-size:.9rem}}@media(max-width:600px){.pager__inner{gap:6px}.pager__btn,.pager__num{min-width:34px;height:34px;font-size:.85rem}.pager__info{width:100%;text-align:center;margin-top:8px;font-size:.85rem}}.imgcard{position:relative;display:block;overflow:hidden;border-radius:18px;text-decoration:none;border:1px solid #0001;background:#fff;box-shadow:0 8px 20px #0001;transition:.28s}.imgcard__media{aspect-ratio:16/10;background:#0b1220}.imgcard__media img{width:100%;height:100%;object-fit:cover;transition:.6s cubic-bezier(.2,.8,.2,1)}.imgcard__cap{position:absolute;left:0;right:0;bottom:0;padding:14px 16px;background:linear-gradient(180deg,#fff0,rgb(0 0 0 / .65));color:#fff}.imgcard__title{margin:0 0 4px;font-weight:800;font-size:1.02rem}.imgcard__sub{margin:0;opacity:.9;font-weight:600;font-size:.92rem}@media(hover:hover){.imgcard:hover{transform:translateY(-6px);box-shadow:0 16px 36px #0002;border-color:rgb(212 175 55 / .35)}.imgcard:hover .imgcard__media img{transform:scale(1.06);filter:brightness(1.05) saturate(106%)}}@media(max-width:1024px){.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}}@media(max-width:768px){.grid{grid-template-columns:1fr;gap:16px}}@media(max-width:1024px){.card{width:100%;max-width:420px;min-height:auto;margin:0 auto}}@media(max-width:768px){.card{max-width:100%;border-radius:18px}.card__meta{padding:14px 16px 30px}.card__title{font-size:1.05rem}.card__sq{font-size:.9rem}.more{right:14px;bottom:14px;padding:8px 16px;font-size:.8rem}}@media(max-width:480px){.card{border-radius:14px}.card__meta{padding:12px 14px 26px}.card__title{font-size:.95rem}.card__sq{font-size:.85rem}}@media(max-width:1024px){img,svg,video{max-width:100%;height:auto}}