.brand-film{display:grid;grid-template-columns:.75fr 1.25fr;gap:6%;align-items:center;background:#edf0e7}.film-copy h2{font-size:clamp(30px,3.4vw,50px);margin-bottom:25px}.film-copy>p:not(.eyebrow){font-size:14px;color:#697068}.film-player{min-width:0}.film-player video{display:block;width:100%;aspect-ratio:16/9;object-fit:contain;background:#173528;border-radius:3px}.film-caption{display:flex;justify-content:space-between;font-size:8px;letter-spacing:1.4px;margin:14px 0;color:#62715b}.film-transcript{font-size:11px;color:#697068}.film-transcript p{max-width:650px}.film-keywords{display:flex;gap:12px;margin-top:25px;flex-wrap:wrap}.film-keywords span{padding:7px 12px;border:1px solid #b8c4aa;border-radius:30px;font-size:11px}
.brand-network{height:530px;position:relative;overflow:hidden;background:#173528;border-radius:3px;margin-top:-5px;color:#f5f4ee}.brand-network svg{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.network-base{fill:none;stroke:#92a76f;stroke-width:1;opacity:.4}.network-flow{fill:none;stroke:#d5ff57;stroke-width:2;stroke-dasharray:12 110;animation:network-stream 4s linear infinite;opacity:.6}.network-link{transition:opacity .25s}.has-focus .network-link{opacity:.2}.has-focus .network-link.active{opacity:1}.network-link.active .network-flow{stroke-width:3;opacity:1}.network-hub{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:185px;height:140px;background:#173528;border:1px solid #7f985c;border-radius:50%;display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:1}.network-hub strong{font-size:37px;font-weight:900;letter-spacing:-2px;color:#d5ff57}.network-hub span{font-size:8px;letter-spacing:2px;line-height:1.5;text-align:center}.network-nodes{position:absolute;inset:0}.network-node{position:absolute;left:var(--x);top:var(--y);transform:translate(-50%,-50%);width:230px;max-width:20%;min-height:53px;padding:10px 16px;border:1px solid #647d4d;background:#1a3a29;color:#eff1e8;border-radius:35px;font-size:12px;line-height:1.5;transition:color .2s,background .2s,border-color .2s,box-shadow .2s;z-index:2}.network-node:hover,.network-node:focus-visible,.network-node.active{background:#d5ff57;color:#173528;border-color:#d5ff57;box-shadow:0 0 25px #d5ff5722}.network-label{position:absolute;left:25px;bottom:18px;font-size:8px;letter-spacing:2px;color:#adbd93}.network-controls{display:flex;justify-content:space-between;align-items:center;font-size:11px;color:#697068;padding:15px 0 28px;gap:15px}.network-controls button{font-size:10px;border:0;border-bottom:1px solid #a5b393;background:none;padding:3px 0;color:#536346}.motion-paused .network-flow,.outside-view .network-flow{animation-play-state:paused}@keyframes network-stream{to{stroke-dashoffset:-488}}
@media(max-width:1100px){.network-node{font-size:11px;width:180px;max-width:22%;padding:10px}.network-hub{width:150px;height:120px}.network-hub strong{font-size:31px}.brand-film{grid-template-columns:1fr 1.3fr}}
@media(max-width:650px){.brand-film{grid-template-columns:1fr;gap:30px}.film-copy h2{margin-top:15px;margin-bottom:20px}.film-copy .text-link{margin-top:12px}.brand-network{height:635px}.network-node{left:62%;top:var(--mobile-y);width:68%;max-width:none;font-size:11px;min-height:48px;padding:8px 14px}.network-hub{left:13%;top:50%;width:55px;height:170px;border-radius:35px}.network-hub strong{font-size:26px;writing-mode:vertical-rl;letter-spacing:-1px}.network-hub span{display:none}.network-label{left:12px;bottom:15px;letter-spacing:1px;font-size:6px}.network-controls{font-size:10px}.film-caption{font-size:7px;letter-spacing:.5px}}
@media(prefers-reduced-motion:reduce){.network-flow{animation:none}.network-node,.network-link{transition:none}}

/* Sculptural ribbon stage. Canvas owns motion; controls remain above it. */
.brand-network{isolation:isolate;background:#091d18}
.network-sculpture{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:0}
.brand-network svg{z-index:1}.network-base{stroke:#c5d5bd;opacity:.18}.network-flow{stroke:#d9e8ba;opacity:.45;stroke-width:1;animation-duration:2s}
.brand-network .network-hub{z-index:3;background:#10271fea;border:1px solid #bfd4ad55;border-radius:24px;box-shadow:0 20px 60px #0005,inset 0 1px #ffffff15}
.brand-network .network-nodes{z-index:4}.brand-network .network-node{background:#132d25e8;border:1px solid #bfd4ad45;border-radius:12px;backdrop-filter:blur(12px);box-shadow:0 8px 24px #0002}
.brand-network .network-node:hover,.brand-network .network-node:focus-visible,.brand-network .network-node.active{background:#d5ff57}
.brand-network .network-label{z-index:2;color:#b4c5b1}
@media(max-width:650px){.brand-network .network-hub{border-radius:16px}}

/* Supplied cinematic film stays behind all nine interactive brands. */
.network-film{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;z-index:0;pointer-events:none;filter:saturate(1.2) contrast(1.08) brightness(.85)}
.brand-network::after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#17020455,#18020515,#17020455);pointer-events:none;z-index:0}
.brand-network .network-node{background:#21080ce8;border-color:#ff665a88}
/* Red cinematic treatment: retain the supplied film's original colors. */
.brand-network{background:#190508}
.brand-network .network-hub{background:#23080ce8;border-color:#ff665a99;box-shadow:0 15px 50px #0006,inset 0 1px #ffb1a526}
.brand-network .network-base{stroke:#ff7464;opacity:.45}
.brand-network .network-flow{stroke:#ff3c29;opacity:.9}
.brand-network .network-node:hover,.brand-network .network-node:focus-visible,.brand-network .network-node.active{background:#cf231b;color:#fff;border-color:#ff8d77;box-shadow:0 0 24px #ff302630}
.brand-network .network-label{color:#ffc4b7}
/* Editorial type layers: no central badge, spokes, or button panels. */
.brand-network .network-hub,.brand-network>svg{display:none}
.brand-network .network-node{background:transparent;border:1px solid transparent;border-radius:0;backdrop-filter:none;box-shadow:none;color:rgba(255,255,255,.82);font-size:clamp(14px,1.3vw,21px);font-weight:600;letter-spacing:-.04em;text-shadow:0 2px 18px #000b;animation:brand-type-float 6s ease-in-out infinite alternate;transition:color .25s,text-shadow .25s}
.brand-network .network-node:nth-child(3n+1){animation-delay:-2s}.brand-network .network-node:nth-child(3n+2){animation-delay:-4s}
.brand-network .network-node:hover,.brand-network .network-node.active,.brand-network .network-node:focus-visible{background:transparent;border-color:transparent;box-shadow:none;color:#fff;text-shadow:0 2px 15px #000,0 0 22px #ff493566;text-decoration:underline;text-underline-offset:7px;text-decoration-color:#ff6a56;animation-play-state:paused}
.brand-network .network-node:focus-visible{outline:2px solid #ff9988;outline-offset:3px}
.brand-network.outside-view .network-node,.brand-network.motion-paused .network-node{animation-play-state:paused}
@keyframes brand-type-float{from{translate:0 -4px}to{translate:0 4px}}
@media(max-width:650px){.brand-network .network-node{left:50%;width:90%;font-size:17px}}
@media(prefers-reduced-motion:reduce){.brand-network .network-node{animation:none}}
/* Two continuous, opposing lines leave the cinematic center unobstructed. */
.brand-ticker{position:absolute;left:0;right:0;overflow:hidden;padding:20px 0}
.brand-ticker-0{top:7%}.brand-ticker-1{bottom:7%}
.brand-ticker-track{display:flex;width:max-content;animation:brand-marquee 24s linear infinite}
.brand-ticker-1 .brand-ticker-track{animation-direction:reverse;animation-duration:28s}
.brand-ticker-group{display:flex;align-items:center;flex-shrink:0;gap:70px;padding-right:70px}
.brand-network .network-node{position:relative;left:auto;top:auto;transform:none;width:auto;max-width:none;white-space:nowrap;min-height:56px;padding:10px 0;font-size:clamp(19px,2vw,32px);font-weight:600;animation:brand-text-wave 3s ease-in-out infinite;animation-delay:var(--bob-delay);color:#ffffffe0}
.brand-ticker:has(:focus-visible) .brand-ticker-track,.outside-view .brand-ticker-track,.motion-paused .brand-ticker-track{animation-play-state:paused}
/* Touch browsers retain hover/focus after a tap; only a real mouse hover pauses travel. */
@media (hover:hover) and (pointer:fine){.brand-ticker:hover .brand-ticker-track{animation-play-state:paused}}
@keyframes brand-marquee{to{transform:translateX(-50%)}}
@keyframes brand-text-wave{0%,100%{translate:0 -7px;rotate:-1deg}50%{translate:0 7px;rotate:1deg}}
@media(max-width:650px){.brand-ticker-group{gap:35px;padding-right:35px}.brand-network .network-node{font-size:22px;width:auto;left:auto}.brand-network{height:560px}}
@media(prefers-reduced-motion:reduce){.brand-ticker-track{animation:none;width:100%}.brand-ticker-group{flex-wrap:wrap;justify-content:center;gap:12px;padding:0;width:100%}.brand-ticker-group[aria-hidden]{display:none}.brand-network .network-node{animation:none;font-size:17px}}
.brand-ticker-group{min-width:100vw;justify-content:space-around}@media(prefers-reduced-motion:reduce){.brand-ticker-group{min-width:0}}
/* One quiet bottom line; alternate the complete Korean and English sets. */
.brand-ticker-1{bottom:4%;padding:14px 0}
.brand-ticker-1 .brand-ticker-track{animation-duration:40s}
.brand-ticker-group{gap:46px;padding-right:46px}
.brand-network .network-node{font-size:clamp(13px,1vw,16px);font-weight:500;color:rgba(255,255,255,.56);min-height:44px;text-shadow:0 2px 12px #0008;letter-spacing:0}
@media(max-width:650px){.brand-network .network-node{font-size:13px}.brand-ticker-group{gap:30px;padding-right:30px}}