.btl-page{min-height:100vh;background:var(--background)}.btl{max-width:1200px;margin:0 auto;padding:60px 20px;color:#111}.btl-badge{display:inline-block;background:#f4f4f4;border-radius:8px;padding:6px 14px;font-size:13px;font-weight:500;color:#111}.btl-heading{font-size:64px;font-weight:500;letter-spacing:-2.5px;line-height:1.05;margin:18px 0 28px}.btl-header-bottom{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:48px}.btl-subtitle{max-width:480px;color:#666;font-size:18px;font-weight:500;opacity:.8;line-height:1.55}.btl-view-all{display:inline-block;background:#000;color:#fff;border-radius:40px;padding:14px 28px;font-size:14px;font-weight:600;white-space:nowrap;transition:transform .3s cubic-bezier(.33,1,.68,1)}.btl-view-all:hover{transform:scale(1.02)}.btl-card{display:block;color:inherit;text-decoration:none}.btl-media{position:relative;overflow:hidden;isolation:isolate}.btl-media img,.btl-media video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .5s cubic-bezier(.33,1,.68,1)}.btl-card:hover .btl-media img,.btl-card:hover .btl-media video{transform:scale(1.08)}.btl-media-fallback{position:absolute;inset:0;background:linear-gradient(135deg,#f4f4f4,#e4e4e4);transition:transform .5s cubic-bezier(.33,1,.68,1)}.btl-card:hover .btl-media-fallback{transform:scale(1.08)}.btl-media-overlay{position:absolute;inset:0;z-index:1;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,.25);opacity:0;transition:opacity .4s ease}.btl-card:hover .btl-media-overlay{opacity:1}.btl-media-plus{width:70px;height:70px;border-radius:50%;background:rgba(255,255,255,.2);display:flex;align-items:center;justify-content:center;color:#fff;font-size:30px;font-weight:300;line-height:1;transform:scale(.7);transition:transform .3s ease}.btl-card:hover .btl-media-plus{transform:scale(1)}.btl-corner{position:absolute;z-index:2;width:12px;height:12px;border:0 solid #fff;pointer-events:none}.btl-corner-tl{top:15px;left:15px;border-top-width:1.5px;border-left-width:1.5px}.btl-corner-tr{top:15px;right:15px;border-top-width:1.5px;border-right-width:1.5px}.btl-corner-bl{bottom:15px;left:15px;border-bottom-width:1.5px;border-left-width:1.5px}.btl-corner-br{bottom:15px;right:15px;border-bottom-width:1.5px;border-right-width:1.5px}.btl-featured{display:grid;grid-template-columns:1fr 1fr;min-height:520px;border:1px solid #f0f0f0;border-radius:20px;background:#fcfcfc;overflow:hidden}.btl-featured-content{display:flex;flex-direction:column;align-items:flex-start;padding:60px}.btl-must-read{background:#000;color:#fff;font-size:12px;font-weight:600;border-radius:20px;padding:6px 14px;margin-bottom:24px}.btl-featured-title{font-size:48px;font-weight:500;letter-spacing:-1.5px;line-height:1.08;margin-bottom:20px}.btl-featured-desc{color:#666;font-size:17px;line-height:1.6;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.btl-featured-footer{margin-top:auto;width:100%;display:flex;align-items:center;justify-content:space-between;gap:16px;padding-top:32px}.btl-featured-meta{color:#666;font-size:14px;font-weight:500}.btl-cat{border-radius:20px;color:#fff;font-size:11px;font-weight:600;padding:4px 12px;text-transform:capitalize;white-space:nowrap;flex-shrink:0}.btl-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:25px;margin-top:25px;scroll-margin-top:96px}.btl-grid-card .btl-media{aspect-ratio:16/10;border-radius:20px}.btl-grid-card-row{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-top:16px}.btl-grid-card-title{font-size:17px;font-weight:600;line-height:1.35}.btl-empty{border:1px solid #f0f0f0;border-radius:20px;background:#fcfcfc;padding:60px 20px;text-align:center;color:#666;font-size:16px}.btl-cta{margin-top:80px}.locale-th .btl-featured-title,.locale-th .btl-grid-card-title,.locale-th .btl-heading{letter-spacing:0}@media (max-width:1024px){.btl-featured{grid-template-columns:1fr;min-height:0}.btl-featured .btl-media{aspect-ratio:16/10}.btl-featured-content{padding:40px}.btl-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.btl-heading{font-size:48px;letter-spacing:-1.5px}.btl-header-bottom{flex-direction:column;align-items:flex-start}.btl-featured-title{font-size:32px;letter-spacing:-1px}.btl-grid{grid-template-columns:1fr}}