.tkg-explorer{background:#f7f8f8;color:#060707;min-height:100vh}.tkg-explorer .tkg-wrap{width:1180px;max-width:100%;margin:auto;padding-inline:20px}.tkg-explorer-head{padding:42px 0 38px;background:linear-gradient(180deg,#fff2c5 0%,#fffbea 100%);border-bottom:1px solid #e4e9e9}.tkg-explorer-head .tkg-crumbs{justify-content:flex-start;margin-bottom:28px;color:#7e928f}.tkg-explorer-heading{display:grid;grid-template-columns:.8fr 1.2fr;align-items:end;gap:70px}.tkg-eyebrow{display:block;margin-bottom:8px;color:#ff9900;font-size:13px;font-weight:800}.tkg-explorer-heading h1{margin:0;font-size:42px;line-height:1.25}.tkg-explorer-intro{color:#394040;line-height:2}.tkg-explorer-intro p{margin:0}.tkg-browser{display:grid;grid-template-columns:330px minmax(0,1fr);gap:22px;padding-top:36px;padding-bottom:70px;direction:ltr}.tkg-project-list,.tkg-project-viewer{direction:rtl}.tkg-project-list{align-self:start;position:sticky;top:20px;overflow:hidden;border:1px solid #ccd5d3;border-radius:16px;background:#fff;box-shadow:0 4px 12px rgba(6,7,7,.05)}.tkg-project-list-head{padding:20px;border-bottom:1px solid #e4e9e9}.tkg-project-list-head>div{display:flex;align-items:center;justify-content:space-between}.tkg-project-list-head strong{font-size:20px}.tkg-project-list-head span{color:#7e928f;font-size:12px}.tkg-project-list-head p{margin:5px 0 0;color:#7e928f;font-size:12px}.tkg-project-items{max-height:640px;overflow:auto}.tkg-project-item{display:grid!important;grid-template-columns:70px 1fr 18px;align-items:center;gap:12px;width:100%;padding:12px;border:0!important;border-bottom:1px solid #edf0f0!important;border-radius:0!important;background:#fff!important;color:#060707!important;text-align:right;cursor:pointer;transition:.2s}.tkg-project-item:hover{background:#fffbea!important}.tkg-project-item.is-active{background:#fff2c5!important;box-shadow:inset -4px 0 #ff9900}.tkg-project-item-img{width:70px;height:58px;overflow:hidden;border-radius:8px;background:#e4e9e9}.tkg-project-item-img img{width:100%;height:100%;object-fit:cover}.tkg-project-item-copy{min-width:0}.tkg-project-item-copy strong{display:-webkit-box;overflow:hidden;font-size:12px;line-height:1.6;-webkit-box-orient:vertical;-webkit-line-clamp:2}.tkg-project-item-copy small{display:block;margin-top:4px;color:#7e928f;font-size:10px}.tkg-project-item>svg{width:16px;color:#7e928f}.tkg-list-more{width:calc(100% - 24px);margin:12px;padding:11px;border:1px solid #ccd5d3!important;border-radius:8px!important;background:#fff!important;font-weight:700}.tkg-project-viewer{min-width:0}.tkg-project-panel{overflow:hidden;border:1px solid #ccd5d3;border-radius:16px;background:#fff;box-shadow:0 10px 25px rgba(6,7,7,.08);animation:tkgPanelIn .3s ease}.tkg-project-panel[hidden]{display:none!important}@keyframes tkgPanelIn{from{opacity:0;transform:translateY(5px)}}.tkg-view-media{position:relative;height:520px;overflow:hidden;background:#111}.tkg-view-slide{position:absolute;inset:0;margin:0}.tkg-view-slide[hidden]{display:none}.tkg-view-slide img{width:100%;height:100%;object-fit:contain;background:#111}.tkg-view-arrow{position:absolute;z-index:3;top:50%;display:grid!important;place-items:center;width:44px;height:44px;padding:0!important;transform:translateY(-50%);border:1px solid rgba(255,255,255,.35)!important;border-radius:50%!important;background:rgba(6,7,7,.62)!important;color:#fff!important;backdrop-filter:blur(8px);cursor:pointer}.tkg-view-arrow:hover{background:#ff9900!important}.tkg-view-arrow svg{width:20px}.tkg-view-arrow.is-prev{right:18px}.tkg-view-arrow.is-next{left:18px}.tkg-view-counter{position:absolute;z-index:3;right:18px;bottom:18px;padding:7px 11px;border-radius:7px;background:rgba(6,7,7,.7);color:#fff;font-size:12px;direction:rtl}.tkg-view-thumbs{display:flex;gap:8px;overflow-x:auto;padding:10px;background:#f5f6f6;border-bottom:1px solid #e4e9e9}.tkg-view-thumbs button{flex:0 0 70px;width:70px;height:54px;overflow:hidden;padding:0!important;border:2px solid transparent!important;border-radius:7px!important;background:#ddd!important;opacity:.65;cursor:pointer}.tkg-view-thumbs button.is-active{border-color:#ff9900!important;opacity:1}.tkg-view-thumbs img{width:100%;height:100%;object-fit:cover}.tkg-view-content{padding:26px 30px 30px}.tkg-view-tags{display:flex;gap:7px;margin-bottom:10px}.tkg-view-tags span{padding:5px 10px;border-radius:50px;background:#fff2c5;color:#775300;font-size:11px;font-weight:700}.tkg-view-content h2{margin:0 0 10px;font-size:26px;line-height:1.55}.tkg-view-summary{margin:0 0 22px;color:#64706f;line-height:1.9}.tkg-view-facts{display:grid;grid-template-columns:repeat(3,1fr);margin:0 0 16px;border:1px solid #e4e9e9;border-radius:10px;overflow:hidden}.tkg-view-facts div{padding:12px 15px;border-left:1px solid #e4e9e9}.tkg-view-facts div:last-child{border:0}.tkg-view-facts dt,.tkg-view-specs dt{color:#7e928f;font-size:11px}.tkg-view-facts dd,.tkg-view-specs dd{margin:3px 0 0;font-size:13px;font-weight:700}.tkg-view-specs{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;margin:0 0 22px;overflow:hidden;border:1px solid #e4e9e9;border-radius:10px;background:#e4e9e9}.tkg-view-specs div{display:flex;justify-content:space-between;gap:15px;padding:10px 14px;background:#fff}.tkg-view-specs dd{margin:0}.tkg-view-more{display:inline-flex;align-items:center;gap:8px;padding:11px 18px;border-radius:50px;background:#ff9900;color:#060707!important;font-size:13px;font-weight:800;text-decoration:none;transition:.2s}.tkg-view-more:hover{background:#ffbd1b}.tkg-view-more svg{width:17px}
@media(max-width:900px){.tkg-explorer-heading{grid-template-columns:1fr;gap:16px}.tkg-browser{grid-template-columns:1fr;direction:rtl}.tkg-project-list{position:static}.tkg-project-items{display:flex;max-height:none;overflow-x:auto}.tkg-project-item{flex:0 0 280px}.tkg-project-list-head{display:none}.tkg-view-media{height:430px}}
@media(max-width:600px){.tkg-explorer .tkg-wrap{padding-inline:12px}.tkg-explorer-head{padding:26px 0}.tkg-explorer-heading h1{font-size:30px}.tkg-explorer-intro{font-size:13px}.tkg-browser{padding-top:18px;gap:14px}.tkg-project-list{border-radius:12px}.tkg-project-item{flex-basis:250px;grid-template-columns:58px 1fr 14px}.tkg-project-item-img{width:58px;height:52px}.tkg-project-panel{border-radius:12px}.tkg-view-media{height:310px}.tkg-view-content{padding:20px 16px}.tkg-view-content h2{font-size:20px}.tkg-view-facts{grid-template-columns:1fr}.tkg-view-facts div{border-left:0;border-bottom:1px solid #e4e9e9}.tkg-view-specs{grid-template-columns:1fr}.tkg-view-arrow{width:38px;height:38px}.tkg-view-arrow.is-prev{right:10px}.tkg-view-arrow.is-next{left:10px}}
.tkg-explorer-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:70px}.tkg-explorer-title{max-width:790px}.tkg-explorer-heading h1{margin-bottom:12px}.tkg-explorer-numbers{display:flex;flex:none;overflow:hidden;border:1px solid #e7dba7;border-radius:12px;background:rgba(255,255,255,.5)}.tkg-explorer-numbers div{min-width:135px;padding:15px 18px;border-left:1px solid #e7dba7}.tkg-explorer-numbers div:last-child{border:0}.tkg-explorer-numbers b,.tkg-explorer-numbers span{display:block}.tkg-explorer-numbers b{font-size:24px}.tkg-explorer-numbers span{color:#7e928f;font-size:11px}.tkg-browser{direction:rtl}.tkg-view-slide video,.tkg-view-slide iframe{width:100%;height:100%;border:0;background:#000;object-fit:contain}.tkg-view-thumbs button{position:relative}.tkg-thumb-play{position:absolute;inset:0;display:grid;place-items:center;background:rgba(6,7,7,.38);color:#ffd500;font-size:18px}.tkg-view-thumbs button.is-video.is-active .tkg-thumb-play{background:rgba(6,7,7,.18)}
@media(max-width:900px){.tkg-explorer-heading{display:grid;grid-template-columns:1fr;gap:18px}.tkg-explorer-numbers{width:max-content}.tkg-browser{direction:rtl}}
@media(max-width:600px){.tkg-explorer-numbers{width:100%}.tkg-explorer-numbers div{flex:1;min-width:0;padding:11px}.tkg-explorer-numbers b{font-size:20px}}
/* Keep the selector and viewer side-by-side on tablets and narrow desktops. */
@media(min-width:701px) and (max-width:900px){.tkg-browser{grid-template-columns:280px minmax(0,1fr);direction:rtl}.tkg-project-list{position:sticky;top:20px}.tkg-project-list-head{display:block}.tkg-project-items{display:block;max-height:640px;overflow:auto}.tkg-project-item{width:100%;max-width:none;grid-template-columns:58px minmax(0,1fr) 14px}.tkg-project-item-img{width:58px;height:52px}.tkg-view-media{height:430px}}
@media(max-width:700px){.tkg-browser{grid-template-columns:1fr}.tkg-project-list{position:static}.tkg-project-items{display:flex;max-height:none;overflow-x:auto}.tkg-project-list-head{display:none}}
/* Explicit placement: viewer on the left, project selector on the right. */
@media(min-width:901px){.tkg-browser{grid-template-columns:minmax(0,1fr) 330px}.tkg-project-list{grid-column:2;grid-row:1}.tkg-project-viewer{grid-column:1;grid-row:1}}
@media(min-width:701px) and (max-width:900px){.tkg-browser{grid-template-columns:minmax(0,1fr) 280px}.tkg-project-list{grid-column:2;grid-row:1}.tkg-project-viewer{grid-column:1;grid-row:1}}
@media(max-width:700px){.tkg-project-list,.tkg-project-viewer{grid-column:auto;grid-row:auto}}
@media(max-width:700px){.tkg-project-list{overflow:hidden}.tkg-project-items{display:block;max-height:246px;overflow-y:auto;overflow-x:hidden;scrollbar-width:thin}.tkg-project-item{display:grid!important;grid-template-columns:64px minmax(0,1fr) 16px;gap:10px;width:100%;max-width:none;min-height:78px;padding:9px 12px;white-space:normal}.tkg-project-item-img{width:64px;height:60px}.tkg-project-item-copy strong{font-size:12px;line-height:1.55;-webkit-line-clamp:2}.tkg-project-item-copy small{margin-top:2px}.tkg-project-item>svg{justify-self:end}.tkg-project-item.is-active{box-shadow:inset -4px 0 #ff9900}.tkg-list-more{display:none}}
.tkg-project-list{padding:0!important}
@media(min-width:701px){.tkg-browser{direction:ltr}.tkg-project-list,.tkg-project-viewer{direction:rtl}}