.tab-container{justify-content:center;width:100%;display:flex}.tab-pill-box{background-color:var(--tab-bg);border:1px solid #e5e7eb66;border-radius:.7rem;width:fit-content;padding:.25rem;display:flex;position:relative}.tab-button{z-index:10;cursor:pointer;min-width:150px;font-family:var(--font-sora);color:var(--tab-inactive-text);background:0 0;border:none;border-radius:.7rem;outline:none;justify-content:center;align-items:center;gap:.75rem;padding:.75rem 2rem;font-size:15px;font-weight:600;display:flex;position:relative}.tab-icon,.tab-text{z-index:20;align-items:center;display:flex}.tab-active-bg{background-color:var(--white);z-index:0;border:1px solid #f3f4f680;border-radius:.7rem;position:absolute;inset:0;box-shadow:0 4px 10px #0000000a,0 1px 2px #0000000f}@media (max-width:1536px){.tab-button{gap:.5rem;min-width:120px;padding:.6rem 1rem;font-size:13px}}
.player-wrapper{background-color:var(--tab-bg);flex-direction:column;width:100%;height:100%;display:flex;position:relative}.video-viewport{background:var(--tab-bg);flex:1;width:100%;position:relative;overflow:hidden}.video-iframe{pointer-events:none;border:none;width:100%;height:100%;position:absolute;inset:0}.hud-overlay{z-index:30;background:linear-gradient(#0000,#0000001a 40%,#000000f2);flex-direction:column;justify-content:space-between;padding:2rem;display:flex;position:absolute;inset:0}.top-right-actions{justify-content:flex-end;display:flex}.icon-btn{background-color:var(--white);width:2.75rem;height:2.75rem;color:var(--black);box-shadow:var(--shadow-xl);transition:var(--transition-fast);cursor:pointer;border:1px solid #fff3;border-radius:9999px;justify-content:center;align-items:center;padding:0;display:flex}.icon-btn:hover{background-color:var(--gray-100)}.icon-btn:active{transform:scale(.9)}.play-btn-center{z-index:40;position:absolute;top:50%;left:50%}.play-btn{background-color:var(--white);width:5rem;height:5rem;color:var(--black);cursor:pointer;border:none;border-radius:9999px;justify-content:center;align-items:center;transition:transform .2s;display:flex;transform:translate(-50%,-50%);box-shadow:0 0 50px #ffffff40}.content-group{color:var(--white);pointer-events:none;justify-content:space-between;align-items:flex-end;display:flex}.video-info{flex-direction:column;gap:.75rem;display:flex}.video-title{letter-spacing:-.05em;filter:drop-shadow(0 4px 6px #00000080);font-size:2.25rem;font-weight:700;line-height:1}.tags-row{gap:.5rem;display:flex}.tag-badge{text-transform:uppercase;letter-spacing:.1em;-webkit-backdrop-filter:blur(24px);background-color:#ffffff1a;border:1px solid #ffffff1a;border-radius:9999px;padding:.375rem .75rem;font-size:9px;font-weight:900}.bottom-actions{pointer-events:auto;align-items:center;gap:.75rem;display:flex}.progress-bar-bg{z-index:40;background-color:#ffffff1a;height:.25rem;position:absolute;bottom:0;left:0;right:0}.progress-bar-fill{background:linear-gradient(90deg,#395ecd,#73b7ff);height:100%;box-shadow:0 0 15px #395ecd}.loader-overlay{z-index:50;background-color:var(--tab-bg);flex-direction:column;justify-content:center;align-items:center;gap:1rem;display:flex;position:absolute;inset:0}.loader-icon{width:2.5rem;height:2.5rem;color:var(--gray-400);animation:1s linear infinite spin}.mobile-slim-controls{background:var(--white);color:var(--gray-900);justify-content:space-between;align-items:center;padding:.75rem 1rem;display:flex}.slim-left,.slim-right{align-items:center;gap:.75rem;display:flex}.slim-icon-btn{cursor:pointer;color:var(--gray-900);background:0 0;border:none;justify-content:center;align-items:center;padding:.25rem;display:flex}.slim-title{font-family:var(--font-sora),sans-serif;text-transform:uppercase;font-size:.9rem;font-weight:600}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width:1536px){.play-btn-icon{width:1.5rem;height:1.5rem}.play-btn{width:3.5rem;height:3.5rem}.control-icon{width:1rem;height:1rem}.icon-btn{width:1.75rem;height:1.75rem}.video-title{font-size:1.75rem}}@media (max-width:768px){.video-title{font-size:1.5rem}.slim-title{font-size:.65rem}.player-wrapper.mobile-mode{background-color:var(--white)}}.video-facade{z-index:10;background:var(--tab-bg);cursor:pointer;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.facade-content{z-index:20;flex-direction:column;align-items:center;gap:1.5rem;display:flex}.facade-logo{filter:drop-shadow(0 0 20px #00000080);opacity:.8}.facade-play-hint{color:var(--white);opacity:.6;transition:transform .3s}.video-facade:hover .facade-play-hint{opacity:1;transform:scale(1.1)}.image-gradient-overlay{pointer-events:none;background:linear-gradient(#0000,#0009);position:absolute;inset:0}
.logo-bar-container{width:100%;padding:1.5rem 0}.logo-bar-card{background-color:var(--white);width:100%;box-shadow:var(--shadow-showcase);border:1px solid var(--gray-200);border-radius:1rem;padding:1.5rem 2rem}.logo-bar-flex{justify-content:space-between;align-items:center;gap:.5rem;width:100%;display:flex}.logo-btn{cursor:pointer;background:0 0;border:none;outline:none;flex-direction:column;flex:1;justify-content:center;align-items:center;min-width:0;height:4rem;padding:0;transition:all .3s cubic-bezier(.17,.67,.83,.67);display:flex;position:relative}.logo-text-wrapper{opacity:.7;will-change:opacity,transform;justify-content:center;align-items:center;width:100%;height:100%;transition:opacity .3s cubic-bezier(.17,.67,.83,.67),transform .3s cubic-bezier(.17,.67,.83,.67);display:flex;transform:scale(.95)}.logo-text-wrapper.active,.logo-text-wrapper:hover{opacity:1;transform:scale(1)}.logo-image{object-fit:contain;-webkit-user-select:none;user-select:none;pointer-events:none;width:auto;max-width:60%;height:100%}.selection-dot{background-color:var(--gray-900);border-radius:9999px;width:.5rem;height:.5rem;position:absolute;bottom:-.25rem}@media (max-width:1536px){.logo-bar-container{padding:.5rem 0}.logo-bar-card{padding:.5rem 1rem}.selection-dot{width:.35rem;height:.35rem;bottom:.25rem}}@media (max-width:768px){.logo-bar-card{border-radius:2rem;padding:1rem}.logo-btn{height:3rem}.logo-image{max-width:90%}}@media (max-width:480px){.logo-bar-flex{gap:.25rem}}
.logo-bar-mobile-root{width:100%;padding:1rem 0;display:none}.logo-bar-mobile-card{background-color:var(--white);box-shadow:var(--shadow-lg);border:1px solid var(--gray-100);border-radius:1.5rem;justify-content:space-between;align-items:center;padding:1rem;display:flex}.nav-arrow-btn{background:var(--gray-100);cursor:pointer;width:3rem;height:3rem;color:var(--gray-900);border:none;border-radius:1rem;justify-content:center;align-items:center;transition:transform .2s;display:flex}.nav-arrow-btn:active{transform:scale(.9)}.mobile-logo-center{flex-direction:column;flex:1;align-items:center;gap:.5rem;display:flex}.mobile-brand-logo-container{justify-content:center;align-items:center;width:100%;height:2.5rem;display:flex}.mobile-logo-image{object-fit:contain;width:auto;max-width:120px;max-height:100%}.mobile-pagination{gap:.35rem;display:flex}.pagination-dot{background-color:var(--gray-200);border-radius:50%;width:4px;height:4px;transition:all .3s}.pagination-dot.active{background-color:var(--gray-900);border-radius:2px;width:12px}@media (max-width:768px){.logo-bar-mobile-root{display:block}}
.showcase-wrapper{flex-direction:column;align-items:center;gap:1rem;width:100%;max-width:1152px;margin:0 auto;display:flex}.video-section{width:100%;position:relative}.video-card{background-color:var(--white);width:100%;box-shadow:var(--shadow-showcase);border:1px solid var(--gray-200);border-radius:1.25rem;padding:.75rem}.video-inner{background-color:var(--tab-bg);aspect-ratio:16/9;border-radius:1.25rem;width:100%;position:relative;overflow:hidden}.video-player-container{position:absolute;inset:0}.desktop-only-logos{width:100%}.mobile-only-logos{width:100%;display:none}@media (max-width:1536px){.showcase-wrapper{max-width:775px}.video-card{border-radius:1rem;padding:.5rem}.video-inner{border-radius:.75rem}}@media (max-width:1024px){.showcase-wrapper{padding:0 2rem}}@media (max-width:768px){.showcase-wrapper{padding:0}.desktop-only-logos{display:none}.mobile-only-logos{display:block}.video-card{border-radius:.5rem;padding:.5rem}.video-inner{border-radius:.5rem;min-height:240px}}
:root{--white:#fff;--black:#000;--gray-50:#fafafa;--gray-100:#f3f4f6;--gray-200:#e5e7eb;--gray-400:#9ca3af;--gray-700:#4b5563;--gray-900:#111827;--tab-bg:#f0f1f4;--tab-inactive-text:#8e9aaf;--tab-active-text:#1a1a1a;--transition-fast:.2s cubic-bezier(.4,0,.2,1);--transition-normal:.3s cubic-bezier(.4,0,.2,1);--transition-slow:.5s cubic-bezier(.4,0,.2,1);--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;--shadow-lg:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;--shadow-xl:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;--shadow-2xl:0 25px 50px -12px #00000040;--shadow-custom:0 40px 80px -20px #0000001f;--shadow-showcase:#11111a1a 0px 4px 16px,#11111a0d 0px 8px 32px}
.app-container{justify-content:center;align-items:center;display:flex}.video-showcase{opacity:0;will-change:opacity;transition:opacity .5s ease-in}.fade-in-showcase{opacity:1}@media (max-width:768px){.app-container{align-items:flex-start;padding:0 1rem}}
.view-all-work-container{justify-content:center;align-items:center;width:100%;padding:2rem 0 0;display:flex}.view-all-btn{color:#1a1a1a;font-family:var(--font-sora,sans-serif);cursor:pointer;z-index:1;background:linear-gradient(135deg,#fff 0%,#f0f0f0 100%);border:1px solid #0000001a;border-radius:100px;justify-content:center;align-items:center;gap:.5rem;padding:1rem 2rem;font-size:1rem;font-weight:500;transition:all .3s;display:inline-flex;position:relative;overflow:hidden;box-shadow:0 4px 15px #0000000d}.btn-bg-hover{z-index:-1;background:linear-gradient(135deg,#1a1a1a 0%,#3a3a3a 100%);border-radius:100px;width:100%;height:100%;transition:transform .4s cubic-bezier(.16,1,.3,1);position:absolute;top:0;left:0;transform:translateY(100%)}.view-all-btn:hover{color:#fff;border-color:#0000;transform:translateY(-2px);box-shadow:0 10px 20px #00000026}.view-all-btn:hover .btn-bg-hover{transform:translateY(0)}.btn-arrow{transition:transform .3s}.view-all-btn:hover .btn-arrow{transform:translate(4px)scale(1.1)}.cooking-popup-overlay{z-index:9999;background-color:#0003;justify-content:center;align-items:center;width:100vw;height:100vh;padding:1rem;display:flex;position:fixed;top:0;left:0}.cooking-popup-content{text-align:center;background:#fff;border:1px solid #fff9;border-radius:24px;flex-direction:column;align-items:center;gap:1.5rem;width:100%;max-width:400px;padding:3rem 2rem;display:flex;box-shadow:0 30px 60px #0000001f,inset 0 0 0 1px #ffffff80}.popup-emoji{filter:drop-shadow(0 4px 6px #0000001a);font-size:3rem;line-height:1}.popup-text-container{flex-direction:column;gap:.5rem;display:flex}.popup-title{font-family:var(--font-sora,sans-serif);color:#111;margin:0;font-size:1.5rem;font-weight:600}.popup-desc{font-family:var(--font-inter,sans-serif);color:#555;margin:0;font-size:.95rem;font-weight:400;line-height:1.5}.popup-close-btn{color:#111;font-family:var(--font-sora,sans-serif);cursor:pointer;background:0 0;border:1px solid #0000001a;border-radius:100px;margin-top:.5rem;padding:.75rem 2rem;font-size:.95rem;font-weight:500;transition:all .2s}.popup-close-btn:hover{background:#0000000d;transform:translateY(-1px)}@media (max-width:480px){.cooking-popup-content{padding:2.5rem 1.5rem}.popup-title{font-size:1.25rem}}