/* AL HUNG FOODS — 2026-08-19 V3 MEDIA SHOWCASE
   Intentionally separate, versioned stylesheet to prevent browser/server cache from serving stale media styles. */
.operations-v3{background:#fff!important;border-top:1px solid #dfe3ea;padding-top:92px;padding-bottom:92px}
.process-showcase-v3{background:#0a214f;color:#fff;border-radius:24px;padding:42px;box-shadow:0 26px 70px rgba(10,33,79,.16);overflow:hidden}
.process-showcase-head-v3{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:34px;align-items:end;margin-bottom:26px}
.process-kicker-v3{display:flex;align-items:center;gap:12px;color:#f27d00;text-transform:uppercase;letter-spacing:.17em;font-size:10px;font-weight:850;margin-bottom:12px}
.process-kicker-v3 span{width:28px;height:1px;background:#f27d00;display:block}
.process-title-v3 h2{color:#fff!important;font-size:clamp(42px,4.3vw,62px)!important;letter-spacing:-.045em!important;line-height:1!important;margin:0!important}
.process-title-v3 h2 em{color:#f27d00!important}
.process-title-v3 p{color:#d9e1ee;margin:12px 0 0;font-size:14px;line-height:1.65}
.process-filters-v3{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}
.process-filter-v3{appearance:none;border:1px solid rgba(255,255,255,.26)!important;background:rgba(255,255,255,.035)!important;color:#fff!important;border-radius:7px!important;padding:9px 15px!important;font-size:10px!important;font-weight:720!important;cursor:pointer!important;line-height:1!important;transition:.2s!important}
.process-filter-v3:hover,.process-filter-v3:focus-visible{border-color:#f27d00!important;color:#f27d00!important}
.process-filter-v3.is-active{background:#f27d00!important;border-color:#f27d00!important;color:#fff!important}
.process-carousel-v3{outline:none}
.process-stage-v3{position:relative;border-radius:18px;overflow:hidden;border:1px solid rgba(255,255,255,.18);background:#07183d;box-shadow:0 18px 50px rgba(0,0,0,.2)}
.process-slide-v3{position:relative;display:block;width:100%;aspect-ratio:16/7.2;min-height:430px;background:#07183d;overflow:hidden}
.process-slide-v3[hidden]{display:none!important}
.process-slide-image-v3{width:100%!important;height:100%!important;object-fit:cover!important;object-position:center!important;display:block!important}
.process-slide-overlay-v3{position:absolute;inset:0;background:linear-gradient(90deg,rgba(7,24,61,.93) 0%,rgba(7,24,61,.54) 36%,rgba(7,24,61,.08) 72%),linear-gradient(0deg,rgba(7,24,61,.72) 0%,rgba(7,24,61,0) 46%);pointer-events:none;z-index:2}
.process-slide-caption-v3{position:absolute;z-index:4;left:38px;bottom:34px;max-width:510px;color:#fff}
.process-slide-caption-v3>span{color:#f27d00;text-transform:uppercase;letter-spacing:.13em;font-size:10px;font-weight:850}
.process-slide-caption-v3 h3{font-family:Georgia,"Times New Roman",serif;font-size:clamp(28px,3.1vw,44px);line-height:1.03;margin:9px 0 10px;font-weight:500;color:#fff}
.process-slide-caption-v3 p{font-size:12px;line-height:1.6;color:#eef3fa;margin:0;max-width:470px}
.process-arrow-v3{appearance:none;position:absolute;z-index:8;top:50%;transform:translateY(-50%);width:52px;height:52px;border-radius:50%!important;border:1px solid rgba(255,255,255,.5)!important;background:rgba(10,33,79,.94)!important;color:#fff!important;font-family:Georgia,serif!important;font-size:34px!important;line-height:1!important;display:grid!important;place-items:center!important;cursor:pointer!important;box-shadow:0 8px 26px rgba(0,0,0,.22);transition:.2s!important}
.process-arrow-v3:hover,.process-arrow-v3:focus-visible{background:#f27d00!important;border-color:#f27d00!important}
.process-prev-v3{left:18px}.process-next-v3{right:18px}
.process-dots-v3{position:absolute;z-index:9;bottom:14px;left:50%;transform:translateX(-50%);display:flex;gap:7px;align-items:center}
.process-dot-v3{appearance:none;border:0!important;padding:0!important;width:7px;height:7px;border-radius:999px!important;background:rgba(255,255,255,.75)!important;cursor:pointer!important;transition:.2s!important}
.process-dot-v3.is-active{width:22px;background:#f27d00!important}
.process-video-v3{position:absolute;inset:0;display:grid;place-items:center;background:#06142f;overflow:hidden}
.process-video-v3:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 50%,rgba(255,255,255,.08),transparent 55%)}
.process-video-poster-v3{width:100%!important;height:100%!important;object-fit:cover!important;display:block!important;filter:brightness(.82)}
.process-play-v3{appearance:none;position:absolute;z-index:7;left:50%;top:45%;transform:translate(-50%,-50%);width:74px;height:74px;border-radius:50%!important;border:2px solid #fff!important;background:rgba(10,33,79,.82)!important;color:#fff!important;display:grid!important;place-items:center!important;cursor:pointer!important;box-shadow:0 12px 36px rgba(0,0,0,.3);transition:.2s!important}
.process-play-v3 span{font-size:25px;transform:translateX(2px)}
.process-play-v3:hover{background:#f27d00!important;border-color:#f27d00!important;transform:translate(-50%,-50%) scale(1.06)}
.process-video-element-v3{position:absolute;z-index:6;inset:0;width:100%!important;height:100%!important;object-fit:contain!important;background:#06142f}
.process-video-element-v3[hidden]{display:none!important}
.process-card-grid-v3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px;margin-top:14px}
.process-card-v3{appearance:none;border:1px solid rgba(255,255,255,.2)!important;background:#0c285d!important;border-radius:14px!important;color:#fff!important;overflow:hidden!important;text-align:left!important;cursor:pointer!important;padding:0!important;min-width:0;box-shadow:none!important;transition:transform .2s,border-color .2s,background .2s!important}
.process-card-v3:hover,.process-card-v3:focus-visible{transform:translateY(-3px);border-color:#f27d00!important;background:#10326d!important}
.process-card-v3.is-active{border-color:#f27d00!important;box-shadow:0 0 0 1px #f27d00!important}
.process-card-v3[hidden]{display:none!important}
.process-card-image-v3{position:relative;display:block;aspect-ratio:16/8.7;overflow:hidden;background:#07183d}
.process-card-image-v3 img{width:100%!important;height:100%!important;object-fit:cover!important;display:block!important}
.process-card-image-v3:after{content:"";position:absolute;inset:45% 0 0;background:linear-gradient(0deg,rgba(7,24,61,.75),transparent)}
.process-card-image-v3 small{position:absolute;z-index:3;left:10px;top:10px;background:rgba(10,33,79,.92);border:1px solid rgba(255,255,255,.28);color:#fff;padding:5px 8px;border-radius:999px;font-size:8px;font-weight:800}
.process-card-play-v3{position:absolute;z-index:4;right:10px;top:10px;width:29px;height:29px;border-radius:50%;border:1px solid #fff;background:rgba(10,33,79,.9);display:grid;place-items:center;font-size:9px;padding-left:1px}
.process-card-copy-v3{display:flex;flex-direction:column;gap:4px;padding:12px 13px 14px}
.process-card-copy-v3 strong{font-size:12px;line-height:1.3;color:#fff}
.process-card-copy-v3>span{font-size:9.5px;line-height:1.45;color:#c8d4e5}
/* Footer logo correction: keep the official mark fully visible with protected spacing. */
footer{padding-bottom:44px!important;overflow:visible!important}
footer .footer-brand{display:flex!important;align-items:center!important;justify-content:center!important;width:210px!important;max-width:34vw!important;min-height:104px!important;background:transparent!important;padding:10px 13px!important;overflow:visible!important;flex:0 0 auto!important}
footer .footer-logo-img{display:block!important;width:100%!important;height:auto!important;max-width:100%!important;max-height:84px!important;object-fit:contain!important;object-position:center!important;margin:0!important;padding:0!important}
@media (max-width:900px){.process-showcase-v3{padding:30px}.process-showcase-head-v3{grid-template-columns:1fr}.process-filters-v3{justify-content:flex-start}.process-slide-v3{aspect-ratio:16/9;min-height:370px}.process-card-grid-v3{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:600px){.operations-v3{padding-left:18px!important;padding-right:18px!important}.process-showcase-v3{padding:22px 16px;border-radius:18px}.process-title-v3 h2{font-size:40px!important}.process-filter-v3{padding:8px 10px!important}.process-slide-v3{min-height:330px}.process-slide-caption-v3{left:22px;right:22px;bottom:34px}.process-slide-caption-v3 p{font-size:10.5px}.process-arrow-v3{width:42px;height:42px;font-size:28px!important}.process-prev-v3{left:8px}.process-next-v3{right:8px}.process-card-grid-v3{grid-template-columns:1fr}.process-play-v3{width:62px;height:62px}footer .footer-brand{width:190px!important;max-width:100%!important;min-height:94px!important}}

/* 2026-08-20: thumbnail rail — prevents a wall of media as the gallery grows. */
.process-card-grid-v3{display:flex!important;grid-template-columns:none!important;overflow-x:auto!important;gap:13px!important;padding:3px 2px 12px!important;scroll-snap-type:x proximity;scrollbar-width:thin;scrollbar-color:#f27d00 rgba(255,255,255,.12)}
.process-card-grid-v3::-webkit-scrollbar{height:7px}.process-card-grid-v3::-webkit-scrollbar-track{background:rgba(255,255,255,.10);border-radius:999px}.process-card-grid-v3::-webkit-scrollbar-thumb{background:#f27d00;border-radius:999px}
.process-card-v3{flex:0 0 min(285px,78vw)!important;scroll-snap-align:start!important}.process-card-image-v3{aspect-ratio:16/9!important}
.process-dots-v3{max-width:70%;overflow:hidden;white-space:nowrap}
@media(max-width:600px){.process-card-v3{flex-basis:82vw!important}.process-showcase-v3{padding-bottom:20px!important}}